:root{--bg:oklch(10% .01 280);--surface:oklch(13% .012 280);--border:oklch(20% .01 280);--dim:oklch(22% .01 280);--muted:oklch(52% .012 280);--text:oklch(94% .01 60);--accent:oklch(68% .18 35);--accent-hi:oklch(75% .16 40);--green:oklch(72% .17 145);--font-display:"Outfit", sans-serif;--font-mono:"Geist Mono", monospace;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--dim);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:normal;border-radius:50%;width:8px;height:8px;transition:transform .1s,opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;width:32px;height:32px;transition:transform .18s var(--ease-out-quart), width .3s, height .3s, border-color .3s;border:1px solid #e8915a80;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body.hovering .cursor-ring{border-color:var(--accent);width:48px;height:48px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.reveal{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(32px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translate(-40px)}.reveal-left.in{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translate(40px)}.reveal-right.in{opacity:1;transform:translate(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.reveal-d5{transition-delay:.5s}.navbar{z-index:1000;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;transition:background .4s,border-color .4s,height .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--border);background:oklch(10% .01 280/.85);height:56px}.nav-brand{letter-spacing:-.04em;color:var(--text);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.nav-brand-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.nav-links{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-links a{color:var(--muted);border-radius:100px;padding:.4rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:block;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#ffffff0f}.nav-links a.active:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-gh-btn{background:var(--dim);color:var(--text);border:1px solid var(--border);font-size:.8rem;font-family:var(--font-display);cursor:pointer;border-radius:100px;align-items:center;gap:.4rem;padding:.38rem 1rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.nav-gh-btn:hover{border-color:var(--accent);background:#e8915a1a;transform:translateY(-1px)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-drawer{background:var(--surface);border-left:1px solid var(--border);z-index:999;width:min(280px,80vw);height:100dvh;transition:right .4s var(--ease-out-expo);flex-direction:column;gap:.5rem;padding:5rem 2rem 2rem;display:flex;position:fixed;top:0;right:-100%}.nav-drawer.open{right:0}.nav-drawer a{color:var(--muted);border-radius:10px;padding:.75rem 1rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-drawer a:hover,.nav-drawer a.active{color:var(--text);background:var(--dim)}.nav-overlay{z-index:998;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.nav-overlay.show{opacity:1;pointer-events:all}@media (width<=768px){.nav-links{display:none}.nav-toggle{display:flex}.nav-gh-btn span{display:none}}.hero-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-canvas{pointer-events:none;position:absolute;inset:0}.hero-noise{pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(circle,oklch(68% .18 35/.12) 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.hero-inner{z-index:1;width:100%;max-width:900px;position:relative}.hero-badge{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;animation:badge-in .8s var(--ease-out-expo) both;background:oklch(68% .18 35/.08);border:1px solid oklch(68% .18 35/.35);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.3rem .9rem;font-size:.7rem;display:inline-flex}@keyframes badge-in{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-title{letter-spacing:-.04em;animation:hero-title-in 1s .1s var(--ease-out-expo) both;margin-bottom:1.5rem;font-size:clamp(3rem,7vw,6rem);font-weight:900;line-height:1}@keyframes hero-title-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-name{color:var(--accent);display:inline-block;position:relative}.hero-sub{color:var(--muted);max-width:52ch;animation:hero-title-in 1s .25s var(--ease-out-expo) both;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.hero-sub strong{color:var(--text)}.hero-ctas{animation:hero-title-in 1s .4s var(--ease-out-expo) both;flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.btn{font-family:var(--font-display);cursor:pointer;transition:transform .25s var(--ease-out-quart), box-shadow .25s, background .2s;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.btn:hover:after{background:#ffffff0f}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 0 oklch(68% .18 35/.4)}.btn-accent:hover{background:var(--accent-hi);box-shadow:0 8px 32px oklch(68% .18 35/.3)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--muted)}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.9rem 0;overflow:hidden}.marquee-track{gap:2.5rem;width:max-content;animation:24s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);white-space:nowrap;align-items:center;gap:.6rem;font-size:.75rem;transition:color .2s;display:flex}.marquee-item:hover{color:var(--text)}.marquee-sep{color:var(--accent);font-size:.4rem}section{max-width:1200px;margin:0 auto;padding:7rem 2rem}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.7rem;display:block}.section-title{letter-spacing:-.035em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.05}.section-sub{color:var(--muted);max-width:52ch;margin-bottom:3rem;font-size:1rem;line-height:1.7}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:3rem}}.about-text p{color:var(--muted);margin-bottom:1.1rem;font-size:1rem;line-height:1.85}.about-text p strong{color:var(--text)}.about-quote{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:12px;margin-top:1.5rem;padding:1rem 1.2rem;font-size:.9rem;font-style:italic;position:relative}.about-quote:before{content:"\"";color:var(--accent);font-size:3rem;font-style:normal;font-weight:800;line-height:1;position:absolute;top:-.5rem;left:.8rem}.avatar-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1.4rem;padding:2rem;transition:border-color .3s;display:flex}.avatar-card:hover{border-color:oklch(68% .18 35/.4)}.avatar-head{align-items:center;gap:1rem;display:flex}.avatar-initials{background:linear-gradient(135deg, var(--accent), oklch(55% .22 300));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.3rem;font-weight:900;display:flex}.avatar-name{font-size:1rem;font-weight:700}.avatar-role{color:var(--muted);margin-top:.1rem;font-size:.78rem}.badge-wrap{flex-wrap:wrap;gap:.4rem;display:flex}.badge-chip{font-family:var(--font-mono);background:var(--dim);border:1px solid var(--border);color:var(--muted);cursor:default;border-radius:100px;padding:.28rem .7rem;font-size:.68rem;transition:border-color .2s,color .2s}.badge-chip:hover{border-color:var(--accent);color:var(--accent)}.stats-row{background:var(--border);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2rem;display:grid;overflow:hidden}.stat-cell{background:var(--surface);text-align:center;padding:1rem}.stat-num{color:var(--accent);letter-spacing:-.05em;font-size:2rem;font-weight:900;line-height:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:.3rem;font-size:.68rem}.bento{grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:1.2rem;display:grid}@media (width<=900px){.bento{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bento{grid-template-columns:1fr}}.project-card{background:var(--surface);border:1px solid var(--border);transition:border-color .35s var(--ease-out-quart), transform .35s var(--ease-out-quart), box-shadow .35s;cursor:pointer;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(at 0 0,oklch(68% .18 35/.07),#0000 65%);transition:opacity .35s;position:absolute;inset:0}.project-card:hover{border-color:oklch(68% .18 35/.5);transform:translateY(-5px);box-shadow:0 20px 60px oklch(68% .18 35/.1)}.project-card:hover:before{opacity:1}.project-card.wide{grid-column:span 2}@media (width<=600px){.project-card.wide{grid-column:span 1}}.project-thumb{background:var(--dim);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:180px;font-size:2.5rem;display:flex;overflow:hidden}.project-thumb img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:transform .6s var(--ease-out-quart), opacity .4s}.project-card:hover .project-thumb img{opacity:1;transform:scale(1.07)}.project-body{flex-direction:column;flex:1;gap:.7rem;padding:1.4rem;display:flex}.project-tag{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.project-title{font-size:1.05rem;font-weight:700}.project-desc{color:var(--muted);flex:1;font-size:.82rem;line-height:1.65}.project-links{flex-wrap:wrap;gap:.6rem;padding-top:.4rem;display:flex}.proj-link{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);border-radius:100px;align-items:center;gap:.35rem;padding:.28rem .75rem;font-size:.7rem;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.proj-link:hover{color:var(--text);border-color:var(--muted);background:var(--dim)}.tech-grid{grid-template-columns:repeat(5,1fr);gap:.9rem;display:grid}@media (width<=900px){.tech-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.tech-grid{grid-template-columns:repeat(3,1fr)}}.tech-item{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--muted);cursor:default;transition:border-color .25s, transform .25s var(--ease-out-quart), color .25s, background .25s;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem .5rem;font-size:.68rem;display:flex}.tech-item:hover{border-color:var(--accent);color:var(--text);background:oklch(68% .18 35/.06);transform:translateY(-4px)}.tech-icon{font-size:1.9rem}.tools-grid{grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1rem;display:grid}@media (width<=600px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.gh-section{text-align:center}.gh-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:100%;padding:2rem 2.5rem;transition:border-color .3s;display:inline-block;overflow-x:auto}.gh-wrap:hover{border-color:oklch(68% .18 35/.4)}.contact-strip{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.contact-strip:before{content:"";pointer-events:none;background:radial-gradient(oklch(68% .18 35/.07) 0%,#0000 70%);position:absolute;inset:0}.contact-big{letter-spacing:-.04em;margin-bottom:1.2rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1}.contact-big span{color:var(--accent)}.contact-sub{color:var(--muted);max-width:46ch;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1rem}.social-row{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem;display:flex}.social-link{background:var(--surface);border:1px solid var(--border);color:var(--muted);transition:border-color .25s, color .25s, transform .25s var(--ease-out-quart), background .25s;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;text-decoration:none;display:inline-flex}.social-link:hover{border-color:var(--accent);color:var(--text);background:oklch(68% .18 35/.08);transform:translateY(-3px)}.footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1.8rem 2rem;font-size:.72rem;display:flex}.footer a{color:var(--muted);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--accent)}.footer-right{gap:1.2rem;display:flex}.preloader{z-index:10000;background:var(--bg);transition:opacity .5s var(--ease-out-quart), visibility .5s;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.preloader.done{opacity:0;visibility:hidden;pointer-events:none}.pre-logo{letter-spacing:-.04em;color:var(--text);font-size:2.5rem;font-weight:900}.pre-logo span{color:var(--accent)}.pre-bar-wrap{background:var(--dim);border-radius:2px;width:120px;height:2px;overflow:hidden}.pre-bar{background:var(--accent);width:0%;height:100%;transition:width .6s var(--ease-out-expo);border-radius:2px}