:root{--bg:#0d1117;--bg2:#0a0e14;--surface:#ffffff0f;--surface-hover:#ffffff1a;--border:#ffffff14;--text:#f0f4ff;--text-dim:#f0f4ff80;--text-dimmer:#f0f4ff40;--blue:#4285f4;--teal:#34a853;--yellow:#fbbc04;--red:#ea4335;--purple:#a142f4;--pink:#e8478b;--glow-blue:#4285f440;--glow-teal:#34a85340}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);cursor:none;font-family:DM Sans,sans-serif;overflow-x:hidden}#cursor-ring{pointer-events:none;z-index:9999;mix-blend-mode:screen;border:1.5px solid #ffffff4d;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s,border-color .3s,background .3s;position:fixed;transform:translate(-50%,-50%)}#cursor-dot{pointer-events:none;z-index:9999;background:#fff;border-radius:50%;width:6px;height:6px;position:fixed;transform:translate(-50%,-50%)}body.hovering #cursor-ring{background:#4285f40f;border-color:#4285f499;width:60px;height:60px}#bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}#physics-layer{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floater{pointer-events:none;will-change:transform;border-radius:50%;transition:none;position:absolute}#scroll-content{z-index:10;position:relative}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);background:#0d1117b3;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 2.5rem;transition:border-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0}.navbar-scrolled{border-bottom-color:var(--border);box-shadow:0 4px 24px #0000004d}.nav-logo{background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-text-fill-color:transparent;cursor:none;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-dim);cursor:none;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--blue);width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-link:hover{color:var(--text)}.nav-link:hover:after{width:100%}.nav-resume{color:var(--text);cursor:none;white-space:nowrap;background:0 0;border:1px solid #ffffff2e;border-radius:50px;padding:.45rem 1.1rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-resume:hover{background:#ffffff12;border-color:#ffffff73;transform:translateY(-2px)}#hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 2rem 2rem;display:flex;position:relative}.hero-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--blue);opacity:0;margin-bottom:1.5rem;font-size:.75rem;font-weight:500;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s forwards riseIn}.hero-title{letter-spacing:-.03em;opacity:0;background:linear-gradient(135deg,#f0f4ff 0%,#f0f4ffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:clamp(3.5rem,10vw,9rem);font-weight:700;line-height:1;animation:1s cubic-bezier(.34,1.56,.64,1) .5s forwards riseIn}.hero-title .color-b{background:linear-gradient(135deg,var(--blue),#74b0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title .color-g{background:linear-gradient(135deg,var(--teal),#6fe88a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title .color-y{background:linear-gradient(135deg,var(--yellow),#ffe066);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title .color-r{background:linear-gradient(135deg,var(--red),#ff7b6e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-dim);opacity:0;max-width:560px;margin-bottom:3rem;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:300;line-height:1.7;animation:.8s .8s forwards riseIn}.hero-chips{opacity:0;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-bottom:3rem;animation:.8s 1s forwards riseIn;display:flex}.chip{cursor:none;white-space:nowrap;border:1px solid;border-radius:50px;padding:.5rem 1.1rem;font-size:.82rem;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.chip:hover{transform:translateY(-4px)scale(1.05)}.chip-b{color:var(--blue);background:#4285f414;border-color:#4285f459}.chip-b:hover{background:#4285f42e;border-color:#4285f4b3;box-shadow:0 8px 24px #4285f440}.chip-g{color:var(--teal);background:#34a85314;border-color:#34a85359}.chip-g:hover{background:#34a8532e;border-color:#34a853b3;box-shadow:0 8px 24px #34a85340}.chip-y{color:var(--yellow);background:#fbbc0414;border-color:#fbbc0459}.chip-y:hover{background:#fbbc042e;border-color:#fbbc04b3;box-shadow:0 8px 24px #fbbc0440}.chip-r{color:var(--red);background:#ea433514;border-color:#ea433559}.chip-r:hover{background:#ea43352e;border-color:#ea4335b3;box-shadow:0 8px 24px #ea433540}.chip-p{color:var(--purple);background:#a142f414;border-color:#a142f459}.chip-p:hover{background:#a142f42e;border-color:#a142f4b3;box-shadow:0 8px 24px #a142f440}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;animation:.8s 1.2s forwards riseIn;display:flex}.btn-primary{background:var(--blue);color:#fff;cursor:none;border-radius:50px;padding:.85rem 2.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-block;box-shadow:0 4px 20px #4285f459}.btn-primary:hover{background:#5a95f5;transform:translateY(-3px)scale(1.04);box-shadow:0 8px 32px #4285f480}.btn-outline{color:var(--text);cursor:none;background:0 0;border:1px solid #ffffff26;border-radius:50px;padding:.85rem 2.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-block}.btn-outline:hover{background:#ffffff0f;border-color:#fff6;transform:translateY(-3px)}.scroll-hint{color:var(--text-dimmer);letter-spacing:.1em;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;font-weight:500;animation:.8s 1.8s forwards riseIn;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-arrow{border-bottom:1.5px solid;border-right:1.5px solid;width:24px;height:24px;animation:2s ease-in-out infinite bounce;transform:rotate(45deg)}.section{max-width:1100px;margin:0 auto;padding:7rem 2rem}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--blue);align-items:center;gap:.7rem;margin-bottom:1rem;font-size:.7rem;font-weight:500;display:flex}.section-label:before{content:"";background:var(--blue);border-radius:2px;width:24px;height:1.5px}.section-title{letter-spacing:-.03em;color:var(--text);margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.1}.section-body{color:var(--text-dim);max-width:560px;font-size:1rem;line-height:1.8}#about .about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;margin-top:5rem;display:grid}.about-visual{height:380px;position:relative}.orbit-center{background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #4285f466}.orbit-ring{border:1px solid #ffffff0f;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring-1{width:160px;height:160px;animation:8s linear infinite spin}.orbit-ring-2{width:260px;height:260px;animation:14s linear infinite reverse spin}.orbit-ring-3{width:360px;height:360px;animation:22s linear infinite spin}.orbit-dot{border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.orbit-pill{white-space:nowrap;border-radius:50px;padding:.35rem .9rem;font-size:.72rem;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)}.about-text .stats-row{gap:2.5rem;margin-top:2.5rem;display:flex}.stat-val{margin-bottom:.3rem;font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700;line-height:1}.stat-label{letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;font-size:.75rem;font-weight:500}#skills{background:0 0}.skills-bento{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;display:grid}.bento-card{background:var(--surface);border:1px solid var(--border);cursor:none;border-radius:20px;padding:1.8rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.bento-card:before{content:"";background:radial-gradient(circle at var(--mx,50%)var(--my,50%),#ffffff0f 0%,transparent 60%);opacity:0;border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.bento-card:hover:before{opacity:1}.bento-card:hover{border-color:#ffffff26;transform:translateY(-6px)scale(1.01);box-shadow:0 20px 50px #0000004d}.bento-card.wide{grid-column:span 2}.bento-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.2rem;font-size:1.3rem;display:flex}.bento-title{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:600}.bento-desc{color:var(--text-dim);font-size:.82rem;line-height:1.7}.mini-skill-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.mini-skill{color:var(--text-dim);background:#ffffff12;border:1px solid #ffffff1a;border-radius:50px;padding:.25rem .65rem;font-size:.68rem;font-weight:500}.projects-grid{grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:3rem;display:grid}.proj-card{background:var(--surface);border:1px solid var(--border);cursor:none;color:var(--text);border-radius:20px;flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.proj-card:after{content:"↗";color:var(--text-dimmer);font-size:1.1rem;transition:all .3s;position:absolute;top:1.5rem;right:1.5rem}.proj-card:hover:after{color:var(--text);transform:translate(3px,-3px)}.proj-card:hover{border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 20px 50px #00000059}.proj-card.featured{flex-direction:row;grid-column:span 2;align-items:center;gap:3rem}.proj-num{color:var(--text-dimmer);font-family:Playfair Display,serif;font-size:.85rem;font-style:italic}.proj-name{font-size:1.3rem;font-weight:600;line-height:1.2}.proj-desc{color:var(--text-dim);flex:1;font-size:.85rem;line-height:1.7}.proj-tags{flex-wrap:wrap;gap:.45rem;display:flex}.proj-tag{color:var(--text-dimmer);letter-spacing:.05em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;padding:.2rem .6rem;font-size:.65rem;font-weight:500}.proj-visual{background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:140px;font-size:3rem;display:flex}.proj-thumbnail{aspect-ratio:16/9;background:var(--surface);border-radius:10px;width:100%;margin-bottom:.4rem;position:relative;overflow:hidden}.proj-visual-img{background:0 0;position:relative;overflow:hidden}.proj-links{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.proj-link-btn{cursor:none;white-space:nowrap;border:1px solid;border-radius:50px;padding:.25rem .75rem;font-size:.68rem;font-weight:500;text-decoration:none;transition:all .25s}.proj-link-yt{color:#f44;background:#ff44440f;border-color:#ff444459}.proj-link-yt:hover{background:#ff444426;border-color:#ff4444b3}.proj-link-play{color:var(--teal);background:#34a8530f;border-color:#34a85359}.proj-link-play:hover{background:#34a85326;border-color:#34a853b3}.proj-link-demo{color:var(--blue);background:#4285f40f;border-color:#4285f459}.proj-link-demo:hover{background:#4285f426;border-color:#4285f4b3}.proj-link-article{color:var(--yellow);background:#fbbc040f;border-color:#fbbc0459}.proj-link-article:hover{background:#fbbc0426;border-color:#fbbc04b3}#contact{text-align:center;padding:6rem 2rem 8rem;position:relative}#contact .section-label{justify-content:center}#contact .section-label:before{display:none}.contact-title{letter-spacing:-.03em;background:linear-gradient(135deg,#f0f4ff,#f0f4ff80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;line-height:1}.contact-sub{color:var(--text-dim);max-width:440px;margin:0 auto 3rem;font-size:1.05rem;line-height:1.7}.contact-links{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:4rem;display:flex}.contact-pill{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:none;border-radius:50px;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.contact-pill:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 30px #0000004d}.contact-pill-icon{font-size:1.1rem}footer{border-top:1px solid var(--border);color:var(--text-dimmer);justify-content:space-between;align-items:center;max-width:100%;padding:2rem 3rem;font-size:.75rem;display:flex}footer a{color:var(--text-dimmer);text-decoration:none}footer a:hover{color:var(--text-dim)}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}.divider{background:linear-gradient(90deg,transparent,var(--border),transparent);width:100%;height:1px}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(8px)}}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes float1{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(12px,-18px)rotate(6deg)}66%{transform:translate(-8px,10px)rotate(-4deg)}}@keyframes float2{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-14px,10px)rotate(-8deg)}66%{transform:translate(10px,-12px)rotate(5deg)}}@media (max-width:768px){#about .about-grid{grid-template-columns:1fr}.about-visual{height:280px}.skills-bento{grid-template-columns:1fr}.bento-card.wide{grid-column:span 1}.projects-grid{grid-template-columns:1fr}.proj-card.featured{flex-direction:column;grid-column:span 1}.proj-visual{width:100%}footer{text-align:center;flex-direction:column;gap:.5rem}}@media (max-width:640px){.navbar{padding:0 1.2rem}.nav-links{gap:1rem}.nav-link{font-size:.75rem}.nav-resume{padding:.35rem .8rem;font-size:.72rem}}