@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070908;--panel:#0d120f;--panel-2:#111812;--ink:#eff3e9;--muted:#8c978b;--dim:#4d584f;--line:rgba(223,255,214,.12);--lime:#c8ff3d;--acid:#efff77;--green:#55f5a7;--blue:#78b9ff;--shadow:0 22px 80px rgba(0,0,0,.35);--mono:'DM Mono',monospace;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);width:100%;max-width:100%;overflow-x:clip}body{margin:0;background:var(--bg);width:100%;max-width:100%;color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.55;overflow-x:hidden}body:after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.22;background:linear-gradient(rgba(200,255,61,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,61,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 78%)}body:before{content:'';position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 73% 12%,rgba(91,255,154,.08),transparent 22%),radial-gradient(circle at 14% 71%,rgba(199,255,61,.045),transparent 26%),linear-gradient(120deg,#070908 0%,#080b09 52%,#09120c 100%)}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 80px));margin:0 auto}.noise{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site-loader{position:fixed;inset:0;z-index:50;background:#070908;display:grid;place-content:center;justify-items:center;gap:16px;transition:opacity .75s ease,visibility .75s;animation:loaderFallback 2.4s ease forwards}.site-loader.is-done{opacity:0;visibility:hidden;animation:none}@keyframes loaderFallback{0%,72%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}.loader-mark{font-size:22px;letter-spacing:-.05em;font-weight:600}.loader-mark span,.brand>span:last-child>span{color:var(--lime)}.loader-line{width:120px;height:2px;background:var(--line);overflow:hidden}.loader-line i{display:block;width:40%;height:100%;background:var(--lime);animation:load 1.2s ease-in-out infinite}.site-loader small,.eyebrow,.section-kicker,.stage-ui,.project-count,.timeline-year{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}@keyframes load{0%{transform:translateX(-120%)}100%{transform:translateX(420%)}}.nav-wrap{position:fixed;z-index:20;top:0;left:0;width:100%;padding:18px 0;transition:background .3s,padding .3s}.nav-wrap.scrolled{padding:12px 0;background:rgba(7,9,8,.7);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:600;letter-spacing:-.04em;font-size:18px}.brand-orbit{width:24px;height:24px;border:1px solid var(--lime);border-radius:50%;position:relative;display:inline-block;box-shadow:0 0 18px rgba(200,255,61,.35)}.brand-orbit:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--lime);right:-2px;top:3px}.brand-orbit:after{content:'';position:absolute;inset:5px;border:1px solid rgba(200,255,61,.45);border-radius:50%;transform:rotate(-35deg) skewX(35deg)}.nav-links{display:flex;align-items:center;gap:31px;color:var(--muted);font-size:13px}.nav-links a{transition:color .25s}.nav-links a:hover,.text-link:hover{color:var(--lime)}.nav-cta{padding:10px 14px;border:1px solid var(--line);border-radius:5px;color:var(--ink)!important;background:rgba(255,255,255,.035)}.nav-cta span,.button span{color:var(--lime);margin-left:9px}.menu-toggle{display:none;background:none;border:0;color:var(--ink);padding:10px}.menu-toggle span{display:block;width:26px;height:1px;background:var(--lime);margin:6px}.hero{min-height:840px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:35px;padding-top:80px;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:40px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-dot,.pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(200,255,61,.1),0 0 16px var(--lime)}.hero h1{font-size:clamp(58px,8vw,112px);line-height:.91;letter-spacing:-.09em;margin:27px 0 30px;font-weight:600}.hero h1 em,.section h2 em,.contact-card h2 em{color:var(--lime);font-style:normal}.hero-lede{color:var(--muted);max-width:455px;font-size:18px;line-height:1.6}.hero-lede strong{color:var(--ink);font-weight:500}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 18px;border:1px solid transparent;border-radius:5px;font:500 12px var(--mono);letter-spacing:.02em;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--lime);color:#10150b;box-shadow:0 0 24px rgba(200,255,61,.16)}.button-primary:hover{box-shadow:0 0 32px rgba(200,255,61,.35)}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.02);color:var(--ink)}.button-ghost:hover{border-color:var(--lime)}.text-link{font:11px var(--mono);letter-spacing:.05em;color:var(--muted);transition:color .25s}.text-link span{font-size:16px;margin-left:7px}.hero-proof{display:flex;gap:34px;margin-top:80px}.hero-proof div{display:flex;align-items:center;gap:9px}.hero-proof strong{font-size:22px;font-weight:500;letter-spacing:-.08em}.hero-proof span{font:9px/1.25 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.hero-stage{height:670px;position:relative;isolation:isolate}.hero-stage:before{content:'';position:absolute;inset:13% 4% 10%;border-radius:50%;background:radial-gradient(circle,rgba(143,255,103,.08),transparent 62%);filter:blur(15px);z-index:-1}.hero-stage:after{content:'';position:absolute;inset:13% 6% 8%;border:1px solid rgba(200,255,61,.08);border-radius:50%;transform:rotate(-22deg) skewX(-12deg);z-index:-1}.hero-stage canvas{width:100%;height:100%;display:block}.stage-ui{position:absolute;display:flex;align-items:center;gap:9px}.stage-ui-top{top:23%;right:1%}.stage-ui-bottom{bottom:13%;left:8%;gap:22px}.stage-ui b{color:var(--lime);font-weight:400}.code-float{position:absolute;padding:8px 10px;border:1px solid var(--line);background:rgba(12,19,13,.55);backdrop-filter:blur(10px);font:10px var(--mono);color:var(--muted);box-shadow:var(--shadow)}.code-float b{color:var(--lime);font-weight:400}.code-one{top:38%;left:0;transform:rotate(-6deg)}.code-two{bottom:25%;right:1%;transform:rotate(5deg)}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;color:var(--muted);font:10px var(--mono);letter-spacing:.2em}.ticker-track{display:flex;align-items:center;justify-content:space-around;min-width:1100px;animation:marquee 28s linear infinite}.ticker i{font-style:normal;color:var(--lime);font-size:13px}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding-top:150px;position:relative}.section-kicker{display:flex;align-items:center;gap:16px;margin-bottom:52px}.section-kicker span:first-child{color:var(--lime)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;position:relative;z-index:2}.section h2{font-size:clamp(40px,5.5vw,70px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin:0}.about-copy{max-width:480px;color:var(--muted);font-size:17px;padding-top:7px}.about-copy p{margin:0 0 21px}.about-copy .text-link{display:inline-block;margin-top:14px}.about-orbit{width:300px;height:300px;position:absolute;right:7%;top:245px;opacity:.7}.orbit-ring{position:absolute;border:1px solid rgba(200,255,61,.24);border-radius:50%;inset:0;transform:rotate(28deg) skewX(-16deg)}.orbit-ring-b{inset:12%;transform:rotate(-38deg) skewX(18deg);border-color:rgba(85,245,167,.2)}.orbit-core{position:absolute;inset:35%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#dfff72,#68a82a 35%,#111a0d 75%);box-shadow:0 0 50px rgba(200,255,61,.25),inset -18px -20px 30px rgba(0,0,0,.45);font-size:21px;color:#0c130b;letter-spacing:-.08em}.orbit-label{position:absolute;font:9px var(--mono);color:var(--muted);letter-spacing:.1em}.label-a{top:13%;right:4%}.label-b{bottom:22%;left:-5%}.label-c{bottom:4%;right:20%}.skills-section{padding-top:190px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading p{max-width:355px;color:var(--muted);margin:0 0 5px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.skill-card{min-height:178px;padding:18px;position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;transition:border-color .35s,background .35s,box-shadow .35s}.skill-card:before{content:'';position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(200,255,61,.3),transparent 40%);opacity:0;transition:opacity .35s;z-index:-1}.skill-card:hover{border-color:rgba(200,255,61,.5);background:rgba(200,255,61,.055);box-shadow:0 15px 45px rgba(0,0,0,.25),0 0 30px rgba(200,255,61,.08)}.skill-card:hover:before{opacity:1}.skill-index{font:10px var(--mono);color:var(--dim)}.skill-card h3{font-size:23px;letter-spacing:-.06em;margin:20px 0 0;font-weight:500}.skill-group{font:9px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.skill-arrow{position:absolute;right:17px;top:16px;color:var(--lime);font-size:17px;opacity:.6}.projects-section{padding-top:190px}.projects-heading{align-items:center}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.project-card{border:1px solid var(--line);background:var(--panel);padding:10px;transform-style:preserve-3d;transition:box-shadow .4s,border-color .4s}.project-card:hover{border-color:rgba(200,255,61,.38);box-shadow:0 25px 80px rgba(0,0,0,.35)}.project-visual{height:260px;position:relative;overflow:hidden;background:#0a100c}.project-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 65% 40%,rgba(200,255,61,.16),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 45%)}.accent-yellow .project-visual:before{background:radial-gradient(circle at 65% 40%,rgba(239,255,119,.18),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 45%)}.accent-blue .project-visual:before{background:radial-gradient(circle at 65% 40%,rgba(120,185,255,.16),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 45%)}.visual-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(200,255,61,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,61,.22) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,black,transparent 73%)}.visual-orb{position:absolute;width:155px;height:155px;border:1px solid rgba(200,255,61,.55);border-radius:50%;right:18%;top:21%;box-shadow:0 0 45px rgba(200,255,61,.12),inset 0 0 25px rgba(200,255,61,.11);transform:rotate(35deg) skewX(-15deg)}.visual-orb:before,.visual-orb:after{content:'';position:absolute;inset:19%;border:1px solid rgba(200,255,61,.4);border-radius:50%;transform:rotate(76deg) skewX(12deg)}.visual-orb:after{inset:-16%;transform:rotate(-50deg) skewX(-25deg);border-color:rgba(200,255,61,.18)}.visual-number{position:absolute;top:15px;left:15px;font:11px var(--mono);color:var(--lime)}.visual-label{position:absolute;bottom:15px;right:15px;font:9px var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 9px 9px}.project-meta h3{font-size:27px;line-height:1;margin:7px 0 0;letter-spacing:-.06em;font-weight:500}.project-arrow{color:var(--lime);font-size:22px}.project-card p{margin:6px 9px 25px;color:var(--muted);max-width:480px}.project-footer{border-top:1px solid var(--line);padding:15px 9px 4px;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.project-footer div{display:flex;gap:12px;color:var(--muted)}.project-footer a:hover{color:var(--lime)}.journey-section{padding-top:190px}.journey-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}.journey-intro p{max-width:260px;color:var(--muted);margin:28px 0}.journey-status{display:inline-flex;align-items:center;gap:10px;font:10px var(--mono);color:var(--lime);text-transform:uppercase;letter-spacing:.12em}.timeline{position:relative}.timeline:before{content:'';position:absolute;left:18px;top:18px;bottom:18px;width:1px;background:linear-gradient(var(--lime),rgba(200,255,61,.08))}.timeline-item{display:grid;grid-template-columns:37px 1fr;gap:27px;min-height:120px}.timeline-marker{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);border-radius:50%;position:relative;z-index:1}.timeline-marker span{font:9px var(--mono);color:var(--lime)}.timeline-body{padding-bottom:35px}.timeline-year{color:var(--lime)}.timeline-body h3{margin:7px 0 7px;font-size:24px;font-weight:500;letter-spacing:-.05em}.timeline-body p{color:var(--muted);margin:0;max-width:470px}.social-section{padding-top:120px}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.social-card{min-height:140px;border:1px solid var(--line);display:flex;align-items:flex-end;gap:12px;padding:17px;position:relative;transition:border-color .3s,background .3s;transform-style:preserve-3d}.social-card:hover{border-color:rgba(200,255,61,.45);background:rgba(200,255,61,.04)}.social-icon{width:31px;height:31px;border:1px solid var(--line);display:grid;place-items:center;color:var(--lime);font:12px var(--mono);border-radius:50%}.social-card b,.social-card small{display:block}.social-card b{font-weight:500}.social-card small{font:10px var(--mono);color:var(--muted);margin-top:2px}.social-arrow{position:absolute;right:17px;top:15px;color:var(--lime)}.contact-section{padding-top:180px;padding-bottom:130px}.contact-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:linear-gradient(135deg,rgba(200,255,61,.055),rgba(255,255,255,.018));min-height:510px;position:relative;overflow:hidden}.contact-copy{padding:57px 53px;position:relative}.contact-copy h2{font-size:clamp(43px,5vw,68px);line-height:.95;letter-spacing:-.08em;margin:60px 0 23px;font-weight:500}.contact-copy p{color:var(--muted);max-width:340px}.contact-details{display:flex;flex-direction:column;gap:6px;margin-top:70px;font:10px var(--mono);color:var(--muted)}.contact-details a{color:var(--lime)}.contact-orb{position:absolute;width:340px;height:340px;border:1px solid rgba(200,255,61,.13);border-radius:50%;right:-155px;top:-157px}.contact-orb:after{content:'';position:absolute;inset:30px;border:1px solid rgba(200,255,61,.1);border-radius:50%}.contact-form{padding:57px 53px;display:flex;flex-direction:column;justify-content:center;gap:20px;background:rgba(0,0,0,.16);border-left:1px solid var(--line)}label{display:flex;flex-direction:column;gap:7px;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}input,textarea,select{font:15px var(--display);color:var(--ink);border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 0;outline:none;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--lime);box-shadow:0 1px 0 var(--lime)}::placeholder{color:#4c584e}.honeypot{display:none}.contact-form .button{align-self:flex-start;margin-top:12px}.form-status{min-height:20px;font:11px var(--mono);color:var(--lime)}.form-status.error{color:#ff8f7a}.footer{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:35px;border-top:1px solid var(--line);padding-top:28px}.footer-brand p{font:10px/1.45 var(--mono);color:var(--muted);margin:16px 0 0}.footer-right{display:flex;gap:25px;font:9px var(--mono);color:var(--dim);text-align:right;text-transform:uppercase;letter-spacing:.08em}.cursor-dot,.cursor-ring{position:fixed;z-index:60;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%);border-radius:50%;opacity:0}.cursor-dot{width:5px;height:5px;background:var(--lime);box-shadow:0 0 12px var(--lime)}.cursor-ring{width:30px;height:30px;border:1px solid rgba(200,255,61,.6);transition:width .25s,height .25s,border-color .25s}.cursor-ring.is-hover{width:56px;height:56px;border-color:var(--lime)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease;transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}.error-page{display:grid;place-items:center;min-height:100vh}.error-shell{max-width:580px;padding:40px}.error-shell h1{font-size:clamp(52px,8vw,100px);letter-spacing:-.08em;line-height:.9;margin:28px 0 20px}.error-shell p{color:var(--muted);margin-bottom:30px}@media(max-width:900px){.shell{width:min(100% - 40px,620px)}.nav-links{gap:16px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:160px}.hero-stage{height:470px;margin-top:-20px}.hero-copy{padding-bottom:0}.hero-proof{margin-top:52px}.about-grid,.journey-grid{grid-template-columns:1fr;gap:55px}.about-orbit{position:relative;top:auto;right:auto;margin:50px auto 0}.skills-grid{grid-template-columns:repeat(3,1fr)}.section-heading{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}.contact-card{grid-template-columns:1fr}.contact-form{border-left:0;border-top:1px solid var(--line)}.contact-copy h2{margin-top:45px}.footer{gap:30px;align-items:flex-start}.footer-right{flex-direction:column;gap:7px;text-align:left}}
@media(max-width:620px){.shell{width:calc(100% - 32px)}.nav-wrap{padding:14px 0}.nav-links{position:absolute;top:62px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--line);background:rgba(10,14,11,.97);backdrop-filter:blur(18px)}.nav-links.is-open{display:flex}.nav-links a{padding:14px 12px;border-bottom:1px solid var(--line)}.nav-links a:last-child{border:0}.menu-toggle{display:block}.hero{padding-top:135px}.hero h1{font-size:59px;margin-top:22px}.hero-lede{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-proof{gap:17px}.hero-proof strong{font-size:18px}.hero-stage{height:390px;margin-top:10px}.stage-ui-top{top:13%;right:0}.code-one{left:-4px}.code-two{right:-5px}.section{padding-top:110px}.section-kicker{margin-bottom:35px}.section h2{font-size:44px}.about-orbit{width:260px;height:260px}.skills-section,.projects-section,.journey-section{padding-top:130px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:7px}.skill-card{min-height:145px;padding:13px}.skill-card h3{font-size:19px}.project-visual{height:210px}.project-footer{flex-direction:column;gap:12px}.project-footer div{justify-content:space-between}.social-grid{gap:7px}.social-card{min-height:118px;padding:12px}.contact-section{padding-top:130px;padding-bottom:90px}.contact-copy,.contact-form{padding:35px 27px}.contact-copy h2{font-size:48px}.contact-details{margin-top:50px}.footer{flex-direction:column;padding-bottom:25px}.footer-right{font-size:8px}.cursor-dot,.cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* NasaCoder Lab: ten visual worlds + richer motion language. */
body[data-theme="cyan"]{--bg:#050a11;--panel:#08131c;--panel-2:#0d1d28;--ink:#effcff;--muted:#8ca9b7;--dim:#4e6877;--line:rgba(82,227,255,.16);--lime:#52e3ff;--acid:#b4f7ff;--green:#49ffd2;--blue:#7ebcff}
body[data-theme="violet"]{--bg:#0a0712;--panel:#140d20;--panel-2:#1c1230;--ink:#fbf3ff;--muted:#aa94bb;--dim:#665575;--line:rgba(206,126,255,.17);--lime:#c977ff;--acid:#f0bdff;--green:#8d7cff;--blue:#a99dff}
body[data-theme="amber"]{--bg:#100b05;--panel:#1a1108;--panel-2:#24180a;--ink:#fff8e9;--muted:#b9a382;--dim:#765e3f;--line:rgba(255,190,72,.18);--lime:#ffbd42;--acid:#ffe09a;--green:#f6e16a;--blue:#ff9a5a}
body[data-theme="crimson"]{--bg:#100507;--panel:#1b0b10;--panel-2:#250e15;--ink:#fff2f4;--muted:#ba8e98;--dim:#76525c;--line:rgba(255,82,111,.18);--lime:#ff5576;--acid:#ff9baa;--green:#ff7d8e;--blue:#d68cff}
body[data-theme="arctic"]{--bg:#050b12;--panel:#091520;--panel-2:#0f2030;--ink:#eff8ff;--muted:#90aabc;--dim:#536c80;--line:rgba(126,190,255,.18);--lime:#8bd4ff;--acid:#c8ebff;--green:#76f2dd;--blue:#8ca5ff}
body[data-theme="matrix"]{--bg:#030806;--panel:#06110a;--panel-2:#09180d;--ink:#edffe9;--muted:#7ea583;--dim:#3f6348;--line:rgba(78,255,119,.18);--lime:#49ff77;--acid:#b1ff9b;--green:#8bff4d;--blue:#71e6b0}
body[data-theme="ocean"]{--bg:#031012;--panel:#061b20;--panel-2:#09272e;--ink:#eaffff;--muted:#82abb0;--dim:#416b70;--line:rgba(63,227,207,.18);--lime:#45e4d0;--acid:#9bfff0;--green:#69f6c7;--blue:#59a9ff}
body[data-theme="mono"]{--bg:#090909;--panel:#151515;--panel-2:#202020;--ink:#fafafa;--muted:#a0a0a0;--dim:#666;--line:rgba(255,255,255,.18);--lime:#f4f4f4;--acid:#fff;--green:#bdbdbd;--blue:#d5d5d5}
body[data-theme="magenta"]{--bg:#100511;--panel:#1c0a1e;--panel-2:#270d2a;--ink:#fff1ff;--muted:#bd91bd;--dim:#765175;--line:rgba(255,92,230,.18);--lime:#ff66e8;--acid:#ffb5f4;--green:#a78bff;--blue:#77d8ff}
body[data-theme="cyan"]:before{background:radial-gradient(circle at 73% 12%,rgba(82,227,255,.13),transparent 24%),radial-gradient(circle at 14% 71%,rgba(73,255,210,.055),transparent 27%),linear-gradient(120deg,#050a11 0%,#07121a 52%,#08171b 100%)}
body[data-theme="violet"]:before{background:radial-gradient(circle at 73% 12%,rgba(201,119,255,.14),transparent 24%),radial-gradient(circle at 14% 71%,rgba(141,124,255,.06),transparent 27%),linear-gradient(120deg,#0a0712 0%,#10091a 52%,#150a19 100%)}
body[data-theme="amber"]:before{background:radial-gradient(circle at 73% 12%,rgba(255,189,66,.13),transparent 24%),radial-gradient(circle at 14% 71%,rgba(246,225,106,.055),transparent 27%),linear-gradient(120deg,#100b05 0%,#171006 52%,#1a1006 100%)}
body[data-theme="crimson"]:before{background:radial-gradient(circle at 73% 12%,rgba(255,85,118,.13),transparent 24%),radial-gradient(circle at 14% 71%,rgba(255,125,142,.055),transparent 27%),linear-gradient(120deg,#100507 0%,#16080c 52%,#1c080e 100%)}
body[data-theme="arctic"]:before{background:radial-gradient(circle at 73% 12%,rgba(139,212,255,.13),transparent 24%),radial-gradient(circle at 14% 71%,rgba(118,242,221,.055),transparent 27%),linear-gradient(120deg,#050b12 0%,#07131f 52%,#0a1522 100%)}
body[data-theme="matrix"]:before{background:radial-gradient(circle at 73% 12%,rgba(73,255,119,.13),transparent 24%),radial-gradient(circle at 14% 71%,rgba(139,255,77,.055),transparent 27%),linear-gradient(120deg,#030806 0%,#061109 52%,#07160b 100%)}
body[data-theme="ocean"]:before{background:radial-gradient(circle at 73% 12%,rgba(69,228,208,.13),transparent 24%),radial-gradient(circle at 14% 71%,rgba(105,246,199,.055),transparent 27%),linear-gradient(120deg,#031012 0%,#06181d 52%,#071d20 100%)}
body[data-theme="mono"]:before{background:radial-gradient(circle at 73% 12%,rgba(255,255,255,.1),transparent 24%),radial-gradient(circle at 14% 71%,rgba(255,255,255,.04),transparent 27%),linear-gradient(120deg,#090909 0%,#121212 52%,#171717 100%)}
body[data-theme="magenta"]:before{background:radial-gradient(circle at 73% 12%,rgba(255,102,232,.13),transparent 24%),radial-gradient(circle at 14% 71%,rgba(167,139,255,.055),transparent 27%),linear-gradient(120deg,#100511 0%,#180917 52%,#1d0a1f 100%)}
.variant-control{position:fixed;z-index:35;top:92px;right:28px;font-family:var(--display)}
.variant-trigger{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(9,13,10,.72);backdrop-filter:blur(16px);color:var(--ink);font:10px var(--mono);letter-spacing:.1em;cursor:pointer;box-shadow:0 8px 26px rgba(0,0,0,.2);transition:transform .25s,border-color .25s,background .25s}
.variant-trigger:hover{transform:translateY(-2px);border-color:var(--lime);background:color-mix(in srgb,var(--panel) 88%,transparent)}
.variant-trigger b{font-size:14px;color:var(--lime);font-weight:400;transition:transform .3s}.variant-trigger.is-open b{transform:rotate(180deg)}.variant-trigger-orb{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:variantPulse 2s ease-in-out infinite}
.variant-panel{position:absolute;top:51px;right:0;width:282px;max-height:min(680px,calc(100vh - 165px));overflow:auto;padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,#000);box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 36px color-mix(in srgb,var(--lime) 10%,transparent);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.97);transform-origin:top right;transition:opacity .3s,transform .3s,visibility .3s}
.variant-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.variant-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.variant-panel-head strong{display:block;font-size:18px;letter-spacing:-.04em;margin-top:4px}.variant-kicker{font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.variant-close{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.variant-description{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 13px}.variant-list{display:grid;gap:6px}.variant-option{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:var(--ink);cursor:pointer;transition:transform .22s,background .22s,border-color .22s}.variant-option:hover{transform:translateX(3px);background:color-mix(in srgb,var(--lime) 8%,transparent);border-color:var(--line)}.variant-option.active{background:color-mix(in srgb,var(--lime) 11%,transparent);border-color:color-mix(in srgb,var(--lime) 48%,transparent)}.variant-option b,.variant-option small{display:block}.variant-option b{font-size:12px;font-weight:500}.variant-option small{font:9px var(--mono);color:var(--muted);margin-top:2px}.variant-option em{font:9px var(--mono);color:var(--dim);font-style:normal}.variant-option.active em{color:var(--lime)}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 14px currentColor}.swatch-lime{background:#c8ff3d;color:#c8ff3d}.swatch-cyan{background:#52e3ff;color:#52e3ff}.swatch-violet{background:#c977ff;color:#c977ff}.swatch-amber{background:#ffbd42;color:#ffbd42}.swatch-crimson{background:#ff5576;color:#ff5576}.swatch-arctic{background:#8bd4ff;color:#8bd4ff}.swatch-matrix{background:#49ff77;color:#49ff77}.swatch-ocean{background:#45e4d0;color:#45e4d0}.swatch-mono{background:#f4f4f4;color:#f4f4f4}.swatch-magenta{background:#ff66e8;color:#ff66e8}
@keyframes variantPulse{0%,100%{transform:scale(.85);opacity:.75}50%{transform:scale(1.15);opacity:1}}
@keyframes brandSpin{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,100%{opacity:.7;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.35)}}@keyframes stageRing{to{transform:rotate(338deg) skewX(-12deg)}}@keyframes orbitDrift{0%,100%{transform:rotate(35deg) skewX(-15deg) translate3d(0,0,0)}50%{transform:rotate(44deg) skewX(-15deg) translate3d(0,-9px,0)}}@keyframes cardBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes timelineGlow{0%,100%{opacity:.45;box-shadow:0 0 0 transparent}50%{opacity:1;box-shadow:0 0 18px color-mix(in srgb,var(--lime) 40%,transparent)}}@keyframes tickerSheen{0%,100%{opacity:.7}50%{opacity:1;color:var(--ink)}}
.brand-orbit{animation:brandSpin 12s linear infinite}.eyebrow-dot,.pulse{animation:glowPulse 2.2s ease-in-out infinite}.hero-stage:after{animation:stageRing 20s linear infinite}.visual-orb{animation:orbitDrift 9s ease-in-out infinite}.visual-grid{animation:tickerSheen 4s ease-in-out infinite}.skill-card:nth-child(3n+1){animation:cardBreath 6s ease-in-out infinite}.skill-card:nth-child(3n+2){animation:cardBreath 6.7s ease-in-out .7s infinite}.skill-card:nth-child(3n){animation:cardBreath 7.4s ease-in-out 1.3s infinite}.timeline-marker{animation:timelineGlow 3.4s ease-in-out infinite}.ticker i{animation:glowPulse 2.4s ease-in-out infinite}.section-kicker span:first-child{animation:tickerSheen 3s ease-in-out infinite}
@media(max-width:620px){.variant-control{top:76px;right:16px}.variant-panel{right:0;width:min(282px,calc(100vw - 32px));max-height:calc(100vh - 135px)}.variant-trigger{min-height:34px;padding:0 10px;font-size:9px}.variant-description{font-size:11px}}