*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--accent: #3b82f6;--accent-hover: #60a5fa;--border: #27272a;--card-bg: #18181b}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}#root{width:100%}.app{max-width:800px;margin:0 auto;padding:4rem 2rem}.header{margin-bottom:3rem}.header__greeting{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.header__name{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.header__title{display:inline-block;font-size:1.25rem;color:var(--accent);font-weight:500;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:text}.header__title.easter-egg{font-family:Monaco,Consolas,monospace;animation:glitch .3s ease}@keyframes glitch{0%{transform:translate(-2px);opacity:.8}25%{transform:translate(2px)}50%{transform:translate(-1px);opacity:1}75%{transform:translate(1px)}to{transform:translate(0)}}.header__links-btn{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.875rem;transition:all .2s ease}.header__links-btn:hover{border-color:var(--accent);color:var(--accent)}.section{margin-bottom:3rem}.section__title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.section__title:before{content:"";width:3px;height:1.25rem;background-color:var(--accent);border-radius:2px}.section__content{color:var(--text-secondary);font-size:1rem;line-height:1.8}.skills{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background-color:var(--card-bg);border:1px solid var(--border);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;color:var(--text-secondary);transition:all .2s ease}.skill-tag:hover{border-color:var(--accent);color:var(--text-primary)}.experience-item{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.experience-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.experience-item__role{font-weight:600;color:var(--text-primary)}.experience-item__period{font-size:.875rem;color:var(--text-secondary)}.experience-item__company{color:var(--accent);font-size:1rem;margin-bottom:.75rem}.experience-item__description{color:var(--text-secondary);font-size:.9rem}.experience-item__logo{width:20px;height:20px;object-fit:contain;border-radius:4px;vertical-align:middle;margin-right:.5rem}[dir=rtl] .experience-item__logo{margin-right:0;margin-left:.5rem}.contact-links{display:flex;gap:1.5rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;transition:color .2s ease}.contact-link:hover{color:var(--accent)}.contact-link svg{width:20px;height:20px}.email-button{background:none;border:none;cursor:pointer;font-family:inherit;position:relative}.email-text{display:inline-block;overflow:hidden;white-space:nowrap;transition:color .3s ease,max-width .3s cubic-bezier(.4,0,.2,1);max-width:50px}.email-text.show-email{color:var(--accent);font-family:Monaco,Consolas,monospace;max-width:150px}.copied-badge{position:absolute;right:100%;margin-right:.5rem;color:#22c55e;font-size:.75rem;font-weight:600;padding:.15rem .5rem;background:#22c55e26;border-radius:4px;white-space:nowrap;animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .copied-badge{right:auto;left:100%;margin-right:0;margin-left:.5rem;animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:.875rem}.footer__links-btn{display:inline-block;margin-bottom:1rem;padding:.5rem 1rem;background-color:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.875rem;transition:all .2s ease}.footer__links-btn:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:640px){.app{padding:6rem 1rem 2rem}.header__name{font-size:2rem}.experience-item__header{flex-direction:column}.contact-links{position:relative}.copied-badge{position:absolute;right:auto;left:0;top:100%;margin-right:0;margin-top:.5rem;animation:slideInDown .3s cubic-bezier(.4,0,.2,1)}[dir=rtl] .copied-badge{left:auto;right:0;margin-left:0;animation:slideInDown .3s cubic-bezier(.4,0,.2,1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-switcher{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(24,24,27,.95) 100%);border:1px solid var(--border);border-radius:12px;padding:.5rem 1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;direction:ltr}.language-switcher:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #3b82f633}.language-switcher:active{transform:translateY(0)}.language-switcher__flags{display:flex;align-items:center;gap:.5rem}.language-switcher__flag{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:6px;transition:all .3s ease;opacity:.5}.language-switcher__flag.active{opacity:1;background:#3b82f626}.language-switcher__flag:hover{opacity:1}.flag-icon{width:24px;height:12px;border-radius:2px;box-shadow:0 1px 3px #0003}.language-switcher__label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.language-switcher__flag.active .language-switcher__label{color:var(--accent)}.language-switcher__divider{color:var(--border);font-weight:300;font-size:.875rem}@media(max-width:640px){.language-switcher{top:1rem;right:1rem;padding:.4rem .75rem}.flag-icon{width:20px;height:10px}.language-switcher__label{font-size:.65rem}}@keyframes flagPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.language-switcher:hover .language-switcher__flag.active .flag-icon{animation:flagPulse .5s ease-in-out}.links-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}.links-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.links-header{text-align:center;margin-bottom:2rem}.links-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin:0 auto 1rem}.links-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.links-bio{color:var(--text-secondary);font-size:.9rem}.blog-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s ease}.blog-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;color:#fff}.blog-button svg{width:20px;height:20px}.links-list{width:100%;display:flex;flex-direction:column;gap:.75rem}.link-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);text-decoration:none;transition:all .2s ease}.link-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.link-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.link-icon svg{width:20px;height:20px}.link-title{flex:1;font-weight:500}.link-arrow{color:var(--text-secondary);transition:transform .2s ease}.link-item:hover .link-arrow{transform:translate(4px);color:var(--accent)}.links-footer{margin-top:2rem;color:var(--text-secondary);font-size:.85rem}