:root{--bg: #0b0a14;--bg-elevated: #151220;--bg-elevated-2: #1c1830;--text: #f3f1fa;--text-muted: #9d97b8;--accent: #7c5cfc;--accent-soft: #7c5cfc26;--accent-2: #39d6c5;--accent-warm: #ffb648;--border: #ffffff14;--code-green: #7ee787;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--max-width: 1180px;--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace}[data-theme=light]{--bg: #faf9fc;--bg-elevated: #ffffff;--bg-elevated-2: #f1edfb;--text: #171426;--text-muted: #635d78;--accent: #6a3ff0;--accent-soft: #6a3ff01a;--border: #00000012;--code-green: #1a7f37}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;transition:background .3s ease,color .3s ease}.ambient-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient-grid{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;opacity:.5;-webkit-mask-image:radial-gradient(60% 50% at 50% 0%,black,transparent 75%);mask-image:radial-gradient(60% 50% at 50% 0%,black,transparent 75%)}.ambient-blob{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(100px);opacity:.3;animation:ambient-drift 42s ease-in-out infinite;will-change:transform}.ambient-blob-1{top:-14%;left:-12%;background:var(--accent)}.ambient-blob-2{top:15%;right:-18%;background:var(--accent-2);opacity:.22;animation-duration:50s;animation-delay:-14s}.ambient-blob-3{bottom:-22%;left:18%;background:var(--accent-warm);opacity:.14;animation-duration:58s;animation-delay:-28s}[data-theme=light] .ambient-blob{opacity:.16}[data-theme=light] .ambient-blob-2{opacity:.12}[data-theme=light] .ambient-blob-3{opacity:.09}[data-theme=light] .ambient-grid{opacity:.6}@keyframes ambient-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5%,7%) scale(1.12)}}@media (prefers-reduced-motion: reduce){.ambient-blob{animation:none}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}ul{list-style:none}h1,h2,h3{font-family:var(--font-display);line-height:1.15;font-weight:600}section{max-width:var(--max-width);margin:0 auto;padding:7rem 1.5rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.section-kicker{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-2);margin-bottom:.6rem}section h2{font-size:clamp(1.8rem,3.2vw,2.6rem);max-width:34ch;margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.6rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.inline-link{color:var(--accent);font-weight:600;border-bottom:1px solid var(--accent-soft)}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 48%,transparent)}.site-header-inner{max-width:var(--max-width);margin:0 auto;padding:1.1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.logo span{color:var(--accent)}.nav{display:flex;align-items:center;gap:2.2rem}.nav-link{font-size:.92rem;font-weight:500;color:var(--text-muted);position:relative;padding-bottom:4px}.nav-link:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);transition:width .2s ease}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{width:100%}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--border);font-size:1.05rem}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.menu-button{display:none;font-size:1.8rem;position:relative;z-index:1000}.nav-close,.nav-overlay{display:none}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;min-height:calc(100svh - 70px);padding-top:3rem}.hero-greeting{font-family:var(--font-mono);color:var(--accent-2);margin-bottom:.8rem}.hero-name{font-size:clamp(2.4rem,5.5vw,4rem);margin-bottom:.4rem}.hero-role{font-size:clamp(1.2rem,2.3vw,1.7rem);color:var(--accent);margin-bottom:1.4rem;display:flex;align-items:center}.hero-cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent);margin-left:4px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-summary{max-width:48ch;color:var(--text-muted);font-size:1rem;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;margin-bottom:2.4rem;flex-wrap:wrap}.hero-socials{display:flex;gap:1rem}.hero-socials a{width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);font-size:1.2rem;transition:.2s}.hero-socials a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 60px -20px #0005}.hero-panel-bar{display:flex;align-items:center;gap:.4rem;padding:.8rem 1rem;background:var(--bg-elevated-2);border-bottom:1px solid var(--border)}.hero-panel-bar span{width:.6rem;height:.6rem;border-radius:50%}.hero-panel-bar span:nth-child(1){background:#ff5f56}.hero-panel-bar span:nth-child(2){background:#ffbd2e}.hero-panel-bar span:nth-child(3){background:#27c93f}.hero-panel-code{padding:1.8rem .6rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.7;color:var(--text-muted);overflow-x:auto}.code-line{display:flex;gap:1.1rem;white-space:pre}.line-no{flex-shrink:0;width:1.1rem;text-align:right;color:var(--text-muted);opacity:.4;-webkit-user-select:none;user-select:none}.tok-kw{color:var(--accent);font-weight:600}.tok-var{color:var(--text)}.tok-key{color:var(--accent-2)}.tok-str{color:var(--code-green)}.tok-comment{color:var(--text-muted);opacity:.7}.hero-panel-bar p{margin-left:.6rem;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.about{display:block}.about-content{max-width:760px}.about-stats{display:flex;flex-wrap:wrap;gap:2.2rem;margin:1.8rem 0 2.2rem;padding:1.4rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{display:flex;flex-direction:column;gap:.2rem}.stat strong{font-family:var(--font-display);font-size:1.8rem;color:var(--accent)}.stat span{font-size:.82rem;color:var(--text-muted);max-width:14ch}.about-content p{font-size:1rem;color:var(--text-muted)}.about-content .section-kicker{color:var(--accent-2)}.about-content h2{font-size:1.8rem}.about-more{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease}.about-more.open{grid-template-rows:1fr}.about-more p{overflow:hidden}.read-more{font-weight:600;font-size:1rem;color:var(--text);margin-bottom:2.2rem}.read-more:hover{text-decoration:underline}.skills-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.skills-track{display:flex;align-items:center;gap:1.4rem;width:max-content;animation:scroll-left 26s linear infinite}.skills-marquee:hover .skills-track{animation-play-state:paused}@keyframes scroll-left{to{transform:translate(-50%)}}.skill-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;color:var(--text-muted)}.skill-icon-box{display:flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;flex-shrink:0}.skill-icon{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.skill-icon.invert{filter:invert(1)}[data-theme=light] .skill-icon.invert{filter:none}.projects h2{font-size:1.8rem}.project-tabs{display:inline-flex;gap:.4rem;padding:.3rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);margin-bottom:2.6rem}.tab{padding:.5rem 1.2rem;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--text-muted)}.tab.active{background:var(--accent);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.project-grid.is-fading{opacity:0;transform:translateY(6px)}.project-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px var(--accent)}.project-image{aspect-ratio:16/9;overflow:hidden;background:var(--bg-elevated-2)}.project-image img{width:100%;height:100%;object-fit:cover}.project-body{padding:1.6rem;display:flex;flex-direction:column;flex:1}.project-body h3{font-size:1.15rem;margin-bottom:.6rem}.project-body p{color:var(--text-muted);font-size:.92rem;margin-bottom:1.1rem}.project-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem}.project-stack li{font-family:var(--font-mono);font-size:.72rem;padding:.25rem .6rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.project-links{margin-top:auto;display:flex;gap:1.2rem;flex-wrap:wrap}.project-link{font-size:.88rem;font-weight:600;color:var(--text-muted)}.project-link:hover{color:var(--text)}.project-link.primary{color:var(--accent)}.contact h2{font-size:1.8rem}.contact-form{max-width:560px;display:flex;flex-direction:column;gap:1.6rem}.contact-form p{text-align:center;font-size:.8rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.form-field{position:relative}.form-field label{font-size:1rem}.form-field input,.form-field textarea{width:100%;padding:.9rem 0;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:1rem}.form-field textarea{min-height:7rem;resize:vertical}.form-field label{position:absolute;top:.9rem;left:0;color:var(--text-muted);transition:.2s ease;pointer-events:none}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:none}.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label,.form-field textarea:focus+label,.form-field textarea:not(:placeholder-shown)+label{top:-1.1rem;font-size:.78rem;color:var(--accent)}.form-status{font-size:.9rem}.form-status.success{color:var(--accent-2)}.form-status.error{color:#ff6b6b}.site-footer{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;border-top:1px solid var(--border);text-align:center}.footer-socials{display:flex;gap:1rem}.footer-socials a{width:2.3rem;height:2.3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border)}.footer-socials a:hover{border-color:var(--accent);color:var(--accent)}.site-footer p{color:var(--text-muted);font-size:.8rem}.to-top{position:fixed;bottom:1.6rem;right:1.6rem;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-size:1.3rem;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s ease;z-index:90}.to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}@media (max-width: 900px){.site-header-inner{padding:.8rem 1.3rem}.hero{grid-template-columns:1fr;text-align:left;padding-top:2rem;min-height:auto}.btn{font-size:.85rem;padding:.55rem 1.2rem}.hero-panel-code{padding:1.2rem .6rem;font-size:.65rem;line-height:1.7}.project-body{padding:1.2rem}}@media (max-width: 760px){.menu-button{display:flex}.nav{position:fixed;inset:0 0 0 auto;z-index:900;width:min(75vw,280px);height:100vh;flex-direction:column;align-items:flex-start;gap:2rem;padding:2rem;background:radial-gradient(120% 60% at 0% 0%,var(--accent-soft),transparent 60%),linear-gradient(165deg,var(--bg-elevated),var(--bg-elevated-2));border-left:1px solid var(--border);box-shadow:-0px 0 30px -10px #000000a0;transform:translate(100%);transition:transform .35s ease}.nav-open{transform:translate(0)}.nav-close{display:flex;align-items:center;justify-content:center;position:absolute;top:1.2rem;right:1.2rem;width:2.2rem;height:2.2rem;font-size:1.6rem;border-radius:50%;border:1px solid var(--border)}.nav-close:hover{border-color:var(--accent);color:var(--accent)}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:850;background:#000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}.nav-overlay.visible{opacity:.6;pointer-events:auto}.project-grid{grid-template-columns:1fr}}@media (max-width: 560px){.nav{gap:1.2rem;padding:1.6rem 1.2rem}.site-header-inner{padding:.5rem 1.2rem}.hero-name{font-size:clamp(1.6rem,4.5vw,3rem)}.hero-role{font-size:clamp(1rem,1.8vw,1.2rem)}.hero-summary{font-size:.8rem}.hero-socials a{font-size:1rem}.hero-panel-bar p{font-size:.68rem}.stat strong{font-size:1.3rem}.stat span{font-size:.68rem}.skill-chip{font-size:.65rem}.about-content h2{font-size:1.4rem}.about-content p,.read-more{font-size:.8rem}.tab{font-size:.68rem}.project-card{border-radius:var(--radius-md)}.projects h2{font-size:1.4rem}.project-body h3{font-size:.9rem}.project-stack li{font-size:.62rem}.project-link{font-size:.68rem}.project-body p{font-size:.72rem}.contact h2{font-size:1.4rem}.contact-form p{font-size:.7rem}.form-row{grid-template-columns:1fr}.form-field label,.form-field input,.form-field textarea{font-size:.8rem}.site-footer p{font-size:.6rem}}@media (max-width: 480px){.hero-panel-code{padding:1rem .4rem;font-size:.6rem;line-height:1.7}.btn{font-size:.75rem;padding:.35rem 1rem}section{padding:2rem 1.2rem}.about-stats{gap:1.4rem}.project-body{padding:1rem}}