@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050508;--bg-card:#0a0a14b3;--bg-card-hover:#100e1ee0;--border:#ffffff12;--border-glow:#ff6e0066;--fire1:#ff6200;--fire2:#ff9a3c;--fire3:#fc0;--violet:#a855f7;--text:#f0f0f8;--text-muted:#88a;--text-dim:#44445a;--radius:20px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--fire1);border-radius:2px}#three-bg{z-index:0!important;pointer-events:none!important;position:fixed!important;inset:0!important}#content{z-index:10;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 28px}.section{padding:120px 0}#scroll-progress{background:linear-gradient(90deg,var(--fire1),var(--fire3),var(--violet));z-index:9999;height:3px;box-shadow:0 0 12px var(--fire1);transition:width .1s linear;position:fixed;top:0;left:0}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .6s,transform .6s;transform:scale(.88)}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s!important}.delay-2{transition-delay:.2s!important}.delay-3{transition-delay:.3s!important}.delay-4{transition-delay:.4s!important}.navbar{z-index:500;padding:18px 0;transition:all .35s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#050508d9;padding:12px 0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text);letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:800;text-decoration:none}.logo em{background:linear-gradient(90deg,var(--fire1),var(--fire3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:linear-gradient(135deg,var(--fire1),var(--fire2));border-radius:50px;padding:9px 22px;box-shadow:0 0 20px #ff620066;color:#fff!important;font-weight:700!important;transition:box-shadow .2s,transform .2s!important}.nav-cta:hover{transform:translateY(-2px)!important;box-shadow:0 0 36px #ff620099!important}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s,background .3s,transform .3s,box-shadow .3s}.glass:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-5px);box-shadow:0 24px 64px #00000080,0 0 40px #ff620014}.sec-eye{letter-spacing:3px;text-transform:uppercase;color:var(--fire2);margin-bottom:12px;font-size:11px;font-weight:700;display:block}.sec-title{letter-spacing:-1.5px;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4.5vw,46px);font-weight:800;line-height:1.1}.sec-sub{color:var(--text-muted);max-width:520px;font-size:16px;line-height:1.8}.hero{align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative}.hero-badge{color:var(--fire2);background:#ff62001a;border:1px solid #ff62004d;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:7px 18px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background:var(--fire3);border-radius:50%;width:8px;height:8px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-name{letter-spacing:-3px;margin-bottom:14px;font-family:Space Grotesk,sans-serif;font-size:clamp(50px,7.5vw,92px);font-weight:800;line-height:1}.hero-name .grad{background:linear-gradient(135deg,var(--fire1)0%,var(--fire2)35%,var(--fire3)65%,var(--violet)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-role{color:var(--text-muted);margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(18px,2.5vw,24px);font-weight:500}.cursor{background:var(--fire2);vertical-align:middle;width:2px;height:1em;margin-left:3px;animation:.8s infinite blink-cur;display:inline-block}@keyframes blink-cur{0%,49%{opacity:1}50%,to{opacity:0}}.hero-desc{color:var(--text-muted);max-width:560px;margin-bottom:44px;font-size:17px;line-height:1.85}.hero-btns{flex-wrap:wrap;gap:16px;display:flex}.btn-fire{background:linear-gradient(135deg,var(--fire1),var(--fire2));color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:15px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 32px #ff620066}.btn-fire:hover{transform:translateY(-2px);box-shadow:0 14px 48px #ff620099}.btn-ghost{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:14px;align-items:center;gap:8px;padding:15px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-glow);background:#ff620014;transform:translateY(-2px)}.hero-stats{border-top:1px solid var(--border);gap:52px;margin-top:68px;padding-top:40px;display:flex}.stat-num{background:linear-gradient(135deg,var(--fire2),var(--fire3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:34px;font-weight:800;display:block}.stat-label{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:12px}.marquee-outer{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:64px 0;padding:20px 0;position:relative;overflow:hidden}.marquee-outer:before,.marquee-outer:after{content:"";z-index:2;width:80px;height:100%;position:absolute;top:0}.marquee-outer:before{background:linear-gradient(90deg,var(--bg),transparent);left:0}.marquee-outer:after{background:linear-gradient(-90deg,var(--bg),transparent);right:0}.marquee-track{gap:16px;width:max-content;animation:22s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-pill{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;color:var(--text-muted);border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:border-color .25s,color .25s;display:flex}.marquee-pill:hover{border-color:var(--border-glow);color:var(--text)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.edu-pill{color:var(--fire2);letter-spacing:2px;text-transform:uppercase;background:#ff62001f;border-radius:50px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.edu-degree{margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700}.edu-school{color:var(--text-muted);font-size:14px}.chips{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.chip{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0a;border-radius:50px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;display:flex}.av-wrap{display:inline-block;position:relative}.av-card{border-radius:28px;justify-content:center;align-items:center;width:300px;height:360px;font-size:80px;display:flex;position:relative;overflow:hidden}.av-card:before{content:"";background:linear-gradient(145deg,#ff62001f,#a855f72e);position:absolute;inset:0}.fl-badge{border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;animation:3s ease-in-out infinite floatY;display:flex;position:absolute}.fl-badge.tr{animation-delay:.3s;top:-12px;right:-28px}.fl-badge.bl{animation-delay:.9s;bottom:40px;left:-32px}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px;margin-top:52px;display:grid}.skill-card{padding:26px}.skill-hd{align-items:center;gap:14px;margin-bottom:18px;display:flex}.skill-ico{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.ico-f{background:#ff620026}.ico-v{background:#a855f726}.ico-t{background:#14b8a626}.ico-p{background:#ec489926}.skill-nm{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0d;border-radius:50px;padding:4px 12px;font-size:12px;font-weight:500}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:52px;display:grid}.proj-card{border-radius:var(--radius);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);transition:all .35s;overflow:hidden}.proj-card:hover{border-color:var(--border-glow);transform:translateY(-8px);box-shadow:0 28px 72px #00000080,0 0 60px #ff620012}.proj-banner{justify-content:center;align-items:center;height:190px;font-size:64px;display:flex;position:relative;overflow:hidden}.proj-banner:after{content:"";background:linear-gradient(#0000 50%,#0a0a14e6);position:absolute;inset:0}.proj-body{padding:26px}.proj-type{color:var(--fire2);letter-spacing:2px;text-transform:uppercase;background:#ff620026;border-radius:50px;margin-bottom:10px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.proj-title{margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700}.proj-desc{color:var(--text-muted);margin-bottom:18px;font-size:14px;line-height:1.7}.proj-stack{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.s-chip{border:1px solid var(--border);color:var(--text-dim);background:#ffffff0a;border-radius:6px;padding:4px 10px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.proj-links{gap:12px;display:flex}.plink{border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.plink.pr{background:linear-gradient(135deg,var(--fire1),var(--fire2));color:#fff;box-shadow:0 4px 16px #ff620059}.plink.pr:hover{transform:translateY(-1px);box-shadow:0 8px 28px #ff620080}.plink.gh{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0a}.plink.gh:hover{border-color:var(--border-glow);color:var(--text)}.contact-center{text-align:center;max-width:640px;margin:0 auto}.contact-card{margin-top:52px;padding:60px 52px;position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(90deg,transparent,var(--fire1),transparent);width:300px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-socials{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.social-btn{border:1px solid var(--border);color:var(--text-muted);background:#ffffff08;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.social-btn:hover{border-color:var(--border-glow);color:var(--text);transform:translateY(-2px)}.social-btn.fire{background:linear-gradient(135deg,var(--fire1),var(--fire2));color:#fff;border-color:#0000;box-shadow:0 6px 24px #ff620059}.social-btn.fire:hover{box-shadow:0 10px 36px #ff62008c}.footer{border-top:1px solid var(--border);text-align:center;padding:32px 0}.footer p{color:var(--text-dim);font-size:13px}.footer span{color:var(--fire2)}.kbd-wrapper{margin-top:52px}.kbd-body{-webkit-user-select:none;user-select:none;padding:28px 22px 22px;overflow-x:auto}.kbd-leds{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.kbd-brand{letter-spacing:3px;color:var(--text-dim);margin-left:auto;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.kbd-rows{flex-direction:column;gap:8px;min-width:680px;display:flex}.kbd-row{justify-content:center;gap:6px;display:flex}.kbd-key{text-align:center;cursor:default;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c16cc;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:56px;height:56px;padding:4px 8px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px #0009,inset 0 1px #ffffff0f}.kbd-key:hover{transform:translateY(2px);box-shadow:0 2px #0009,inset 0 1px #ffffff0f}.kbd-label{color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;line-height:1}.kbd-sub{color:var(--text-dim);margin-top:3px;font-size:9px;line-height:1}.kbd-icon{margin-bottom:2px;font-size:16px;display:block}.kbd-skill{background:#ff620012;border-color:#ff620040}.kbd-skill .kbd-label{color:var(--fire2)}.kbd-skill:hover{background:#ff620026;border-color:#ff62008c;box-shadow:0 2px #0009,0 0 18px #ff620059,inset 0 1px #ffffff0f}.kbd-skill .kbd-sub{color:#ff9a3c99}.kbd-anchor{text-decoration:none;display:block}.kbd-social{cursor:pointer;background:#a855f714;border-color:#a855f74d;min-width:76px}.kbd-social .kbd-label{color:#c084fc;font-size:10px}.kbd-social .kbd-sub{color:#c084fc8c}.kbd-anchor:hover .kbd-social{background:#a855f72e;border-color:#a855f7b3;transform:translateY(2px);box-shadow:0 2px #0009,0 0 22px #a855f766,inset 0 1px #ffffff14}.kbd-special{background:#ffffff08;min-width:52px}.kbd-special .kbd-label{color:var(--text-dim);font-size:12px}.kbd-wide{min-width:90px}.kbd-space{background:#ff62000d;border-color:#ff620026;flex:1;min-width:200px;height:56px}.kbd-space .kbd-label{color:var(--text-dim);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.kbd-hint{text-align:center;color:var(--text-dim);margin-top:16px;font-size:13px}@media (max-width:768px){.section{padding:80px 0}.about-grid{grid-template-columns:1fr;gap:48px}.av-wrap,.nav-links{display:none}.hero-stats{gap:24px}.contact-card{padding:36px 24px}.proj-grid,.skills-grid{grid-template-columns:1fr}.kbd-rows{min-width:580px}}