*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a1a;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#6b6b6b;--accent:#64ffda;--accent-dim:#64ffda1a;--gradient-1:#64ffda;--gradient-2:#48c6ef;--border:#222;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-card:#f0f0f0;--text-primary:#0a0a0a;--text-secondary:#555;--text-muted:#999;--accent:#0ea5e9;--accent-dim:#0ea5e91a;--border:#e0e0e0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary)}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}section{position:relative}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.875rem;font-weight:600}.section-title{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.125rem;line-height:1.7}.gradient-text{background:linear-gradient(135deg, var(--gradient-1), var(--gradient-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}img{max-width:100%;display:block}.navbar{z-index:1000;padding:16px 0;transition:background .3s,padding .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0ad9;padding:10px 0}[data-theme=light] .navbar--scrolled{background:#fafafad9}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{color:var(--text-primary);font-family:Fira Code,JetBrains Mono,monospace;font-size:1.5rem;font-weight:800;text-decoration:none}.navbar__desktop{align-items:center;gap:32px;display:flex}.navbar__link{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s;position:relative}.navbar__link:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar__link:hover{color:var(--text-primary)}.navbar__link:hover:after{width:100%}.navbar__theme-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:.9rem;transition:background .2s,color .2s;display:flex}.navbar__theme-btn:hover{background:var(--accent-dim);color:var(--accent)}.navbar__theme-btn.mobile{justify-content:center;width:100%;margin-top:8px;padding:12px}.navbar__lang-btn{all:unset;cursor:pointer;color:var(--text-muted);letter-spacing:.02em;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;transition:color .3s,background .3s}.navbar__lang-btn:hover{color:var(--accent);background:var(--accent-dim)}.navbar__lang-btn.mobile{text-align:center;width:100%;padding:12px;display:block}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__hamburger span{background:var(--text-primary);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.navbar__hamburger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar__mobile{background:var(--bg-primary);border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 24px;display:flex;position:absolute;top:100%;left:0;right:0}.navbar__mobile-link{color:var(--text-secondary);padding:8px 0;font-size:1rem;text-decoration:none;transition:color .2s}.navbar__mobile-link:hover{color:var(--accent)}@media (width<=768px){.navbar__desktop{display:none}.navbar__hamburger{display:flex}}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__gradient{pointer-events:none;background:radial-gradient(circle,#64ffda14 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-30%}[data-theme=light] .hero__gradient{background:radial-gradient(circle,#0ea5e914 0%,#0000 70%)}.hero__grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.hero__content{z-index:1;text-align:center;max-width:800px;position:relative}.hero__badge{color:var(--accent);background:var(--accent-dim);border:1px solid #64ffda26;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:.875rem;display:inline-flex}[data-theme=light] .hero__badge{border-color:#0ea5e926}.hero__badge-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero__title{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(3rem,10vw,6rem);font-weight:800;line-height:1.05}.hero__subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:500}.hero__desc{color:var(--text-muted);max-width:520px;margin:0 auto 40px;font-size:1.05rem;line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);color:var(--bg-primary);box-shadow:0 4px 20px #64ffda40}[data-theme=light] .btn--primary{box-shadow:0 4px 20px #0ea5e940}.btn--primary:hover{box-shadow:0 8px 30px #64ffda59}[data-theme=light] .btn--primary:hover{box-shadow:0 8px 30px #0ea5e959}.btn--ghost{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn--ghost:hover{border-color:var(--accent);background:var(--accent-dim)}.btn--small{background:var(--accent-dim);color:var(--accent);border-radius:8px;padding:10px 20px;font-size:.85rem}.btn--small:hover{background:var(--accent);color:var(--bg-primary)}.hero__scroll{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;display:flex;position:absolute;bottom:-120px;left:50%;transform:translate(-50%)}.hero__scroll-mouse{border:2px solid var(--text-muted);border-radius:12px;width:24px;height:38px;position:relative}.hero__scroll-ball{background:var(--accent);border-radius:2px;width:4px;height:10px;animation:2s ease-in-out infinite scroll-ball;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll-ball{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.3;transform:translate(-50%)translateY(12px)}}.about{padding:120px 0;position:relative}.about__grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about__content p{margin-bottom:20px;font-size:1.05rem}.about__stats{border-top:1px solid var(--border);gap:40px;margin-top:40px;padding-top:32px;display:flex}.about__stat{flex-direction:column;gap:4px;display:flex}.about__stat-number{letter-spacing:-.02em;font-size:2rem;font-weight:800}.about__stat-label{color:var(--text-muted);font-size:.85rem}.about__visual{flex-direction:column;align-items:center;gap:20px;display:flex}.about__image-wrapper{border-radius:50%;width:280px;height:280px;position:relative}.about__photo{object-fit:cover;border:2px solid var(--accent-dim);z-index:1;border-radius:50%;width:100%;height:100%;position:relative}.about__image-glow{background:radial-gradient(ellipse at center, var(--accent-dim) 0%, transparent 70%);z-index:0;border-radius:50%;animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:-20px}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.about__links{justify-content:center;gap:12px;margin-top:24px;display:flex}@media (width<=968px){.about__grid{grid-template-columns:1fr;gap:60px}.about__visual{order:-1}.about__image-wrapper{width:200px;height:200px}}.skills{background:var(--bg-secondary);padding:120px 0}.skills__header{margin-bottom:60px}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.skill-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s}.skill-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 30px #64ffda14}[data-theme=light] .skill-card:hover{box-shadow:0 8px 30px #0ea5e914}.skill-card__header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.skill-card__icon{font-size:1.5rem}.skill-card__title{font-size:1.15rem;font-weight:700}.skill-card__list{flex-wrap:wrap;gap:8px;display:flex}.skill-card__tag{background:var(--accent-dim);color:var(--accent);border:1px solid #64ffda1a;border-radius:8px;padding:6px 14px;font-size:.85rem}[data-theme=light] .skill-card__tag{border-color:#0ea5e91a}.experience{padding:120px 0;position:relative}.experience__header{margin-bottom:60px}.experience__timeline{max-width:700px;position:relative}.experience__line{background:linear-gradient(to bottom, var(--accent), var(--border));transform-origin:top;border-radius:2px;width:2px;position:absolute;top:0;left:20px}.experience__items{flex-direction:column;gap:48px;display:flex;position:relative}.exp-card{gap:32px;padding-left:52px;display:flex;position:relative}.exp-card__dot{background:var(--accent);border:3px solid var(--bg-primary);width:16px;height:16px;box-shadow:0 0 0 3px var(--accent), 0 0 20px #64ffda33;z-index:1;border-radius:50%;position:absolute;top:6px;left:12px}[data-theme=light] .exp-card__dot{border-color:var(--bg-secondary)}.exp-card__content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:transform .3s,border-color .3s}.exp-card__content:hover{border-color:var(--accent);transform:translate(4px)}.exp-card__period{color:var(--accent);letter-spacing:.02em;font-size:.85rem;font-weight:600}.exp-card__title{margin:8px 0 4px;font-size:1.2rem;font-weight:700}.exp-card__org{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem;display:block}.exp-card__desc{font-size:.95rem;line-height:1.7}.exp-card__badge{background:var(--accent-dim);color:var(--accent);border-radius:8px;margin-top:12px;padding:4px 12px;font-size:.8rem;display:inline-block}@media (width<=600px){.exp-card{gap:16px;padding-left:40px}.experience__line{left:14px}.exp-card__dot{width:14px;height:14px;left:6px}}.projects{background:var(--bg-secondary);padding:120px 0}.projects__header{margin-bottom:60px}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.project-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 30px #64ffda14}[data-theme=light] .project-card:hover{box-shadow:0 8px 30px #0ea5e914}.project-card__visual{background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:200px;display:flex}.project-card__body{padding:24px}.project-card__title{margin-bottom:8px;font-size:1.2rem;font-weight:700}.project-card__desc{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem}.project-card__tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-card__tag{background:var(--accent-dim);color:var(--accent);border-radius:8px;padding:4px 12px;font-size:.8rem}.project-card__footer{gap:12px;display:flex}.project-card__metrics{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.project-card__metric{background:var(--accent-dim);color:var(--accent);border-radius:8px;padding:2px 10px;font-size:.75rem}.project-card--featured{border-color:var(--accent)}.project-card__featured-badge{background:var(--accent-dim);color:var(--accent);border-radius:8px;padding:6px 16px;font-size:.85rem}.project-card--skeleton{pointer-events:none}.project-card--skeleton .project-card__visual,.project-card__skeleton-line{background:var(--bg-card);border-radius:8px;animation:1.5s ease-in-out infinite skeleton-pulse}.project-card__skeleton-line{height:16px;margin-bottom:10px}.project-card__skeleton-line--title{width:60%;height:22px}.project-card__skeleton-line--text{width:100%}.project-card__skeleton-line--text:nth-child(3){width:85%}.project-card__skeleton-line--short{width:40%;margin-bottom:0}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.contact{padding:120px 0;position:relative}.contact__inner{text-align:center;max-width:600px;margin:0 auto}.contact__header{margin-bottom:48px}.contact__info{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.contact__item{background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:12px;align-items:center;gap:16px;padding:16px 24px;transition:border-color .2s;display:flex}.contact__item:hover{border-color:var(--accent)}.contact__item-icon{background:var(--accent-dim);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__item-label{color:var(--text-muted);margin-bottom:2px;font-size:.8rem;display:block}.contact__item-value{color:var(--text-primary);font-size:.95rem;text-decoration:none}.contact__item-value:hover{color:var(--accent)}.contact__social{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact__social-link{border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.contact__social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.contact__form{text-align:left;flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.contact__form-field input,.contact__form-field textarea{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.contact__form-field input:focus,.contact__form-field textarea:focus{border-color:var(--accent)}.contact__form-field input::placeholder,.contact__form-field textarea::placeholder{color:var(--text-muted)}.contact__form-field input:disabled,.contact__form-field textarea:disabled{opacity:.5;cursor:not-allowed}.contact__form-field textarea{resize:vertical;min-height:120px}.contact__form-hint{text-align:center;color:var(--text-muted);margin:0;font-size:.85rem}.contact__toast{text-align:center;border-radius:10px;padding:12px 18px;font-size:.9rem;font-weight:500}.contact__toast--success{color:var(--accent);background:#64ffda1a;border:1px solid #64ffda33}.contact__toast--error{color:#ff6464;background:#ff64641a;border:1px solid #ff646433}.footer{border-top:1px solid var(--border);background:var(--bg-secondary);padding:40px 0}.footer__inner{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.footer__logo{font-family:Fira Code,JetBrains Mono,monospace;font-size:1.5rem;font-weight:800}.footer__copy{color:var(--text-muted);font-size:.85rem}.footer__tagline{color:var(--text-muted);opacity:.7;font-size:.8rem}.error-fallback{text-align:center;min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.error-fallback h1{margin-bottom:16px;font-size:2rem}.error-fallback p{color:var(--text-secondary);margin-bottom:24px}.error-fallback pre{color:var(--text-muted);max-width:600px;margin-top:32px;font-size:.8rem;overflow-x:auto}@media (width<=480px){.hero__actions{flex-direction:column;align-items:center}.about__stats{flex-direction:column;gap:20px}.projects__grid{grid-template-columns:1fr}}