:root{--bg:#020304;--text:#f3f5f5;--muted:#88949e;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.18);--cyan:#3fd8ff;--gold:#ffb72f;--green:#5af0b0;--red:#ff5d67;--mx:50vw;--my:50vh}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 74% 14%,rgba(63,216,255,.06),transparent 24%),radial-gradient(circle at 18% 30%,rgba(255,183,47,.038),transparent 20%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}body.is-booting{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}
.skip{position:fixed;left:15px;top:-60px;z-index:10001;background:#fff;color:#000;padding:9px 12px;border-radius:8px}.skip:focus{top:15px}
.boot{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#010203;transition:.75s}.boot.off{opacity:0;visibility:hidden}.bootbox{width:min(680px,88vw);text-align:center}.bootmark{width:90px;height:90px;margin:auto;display:grid;place-items:center;border:1px solid rgba(63,216,255,.22);border-radius:50%;animation:spin 7s linear infinite}.bootmark b{animation:spinr 7s linear infinite;font:800 12px ui-monospace,monospace;letter-spacing:.14em}.boottitle{margin-top:20px;font:650 .9rem ui-monospace,monospace;letter-spacing:.2em}.bootsub,.bootstatus{color:#5e6973;font:500 .62rem ui-monospace,monospace;letter-spacing:.12em}.bootbar{height:2px;max-width:390px;margin:24px auto;background:#111820;overflow:hidden}.bootbar:before{content:"";display:block;width:100%;height:100%;transform:translateX(-100%);background:linear-gradient(90deg,var(--gold),var(--cyan));animation:load 1.45s forwards}@keyframes load{to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinr{to{transform:rotate(-360deg)}}
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--cyan));z-index:9999}.grid{position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(#000,transparent 96%)}.glow{position:fixed;left:var(--mx);top:var(--my);width:480px;height:480px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(63,216,255,.065),transparent 68%);filter:blur(14px);z-index:-1;pointer-events:none}
.header{position:fixed;inset:0 0 auto;z-index:90;display:flex;justify-content:space-between;align-items:center;padding:19px clamp(18px,4vw,62px);background:linear-gradient(rgba(2,3,4,.96),rgba(2,3,4,.45),transparent);backdrop-filter:blur(12px)}.brand{font:800 .73rem ui-monospace,monospace;letter-spacing:.16em}.brand:before{content:"";display:inline-block;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);margin-right:11px}.nav{display:flex;gap:22px}.nav a{font-size:.68rem;letter-spacing:.14em;color:#9da6ae;text-transform:uppercase}
.hero{min-height:100svh;display:grid;grid-template-columns:43% 57%;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}#network{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.34;pointer-events:none}.copy{z-index:12;display:flex;flex-direction:column;justify-content:center;padding:124px clamp(24px,5vw,80px) 80px;background:linear-gradient(90deg,#020304 0,#020304 77%,rgba(2,3,4,.86) 94%,transparent)}.eyebrow{margin:0 0 22px;color:#9ba5ad;font-size:.68rem;letter-spacing:.19em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:32px;height:1px;background:var(--gold);vertical-align:middle;margin-right:11px}h1{margin:0;font-size:clamp(3.2rem,6.2vw,7.3rem);line-height:.9;letter-spacing:-.065em}.outline{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}.role{margin:27px 0 0;color:var(--gold);font-weight:750;letter-spacing:.14em;text-transform:uppercase;font-size:.86rem}.tagline{font-size:1.15rem;margin:13px 0 0}.tagline strong{color:#9befff}.intro{max-width:570px;color:#9ca6af;line-height:1.8}.skills{display:flex;flex-wrap:wrap;gap:8px}.skills span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:.64rem;color:#c3c9ce;background:rgba(255,255,255,.022)}.skills .active:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:7px}.terminal{display:flex;align-items:center;gap:8px;margin-top:20px;padding:11px 13px;max-width:525px;border:1px solid var(--line);border-radius:12px;background:rgba(2,5,8,.58);font:500 .64rem ui-monospace,monospace;color:#a1adb6}.terminal b{color:var(--gold)}.caret{width:7px;height:13px;background:var(--cyan);animation:blink .75s steps(1) infinite}@keyframes blink{50%{opacity:0}}.actions,.social{display:flex;gap:10px;flex-wrap:wrap}.actions{margin-top:26px}.social{margin-top:10px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--line2);border-radius:11px;background:rgba(255,255,255,.028);font-size:.82rem}.btn.primary{background:var(--gold);color:#070809;border:0;font-weight:800}.btn:hover{transform:translateY(-2px)}
.visual{min-height:100svh;position:relative;overflow:hidden;background:#061017}.visual picture{position:absolute;inset:-1.5%;display:block}.visual img{width:100%;height:100%;object-fit:cover;object-position:73% center;filter:saturate(.92) contrast(1.09) brightness(.85)}.visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#020304,rgba(2,3,4,.08) 36%,transparent 55%),linear-gradient(0deg,rgba(2,3,4,.62),transparent 45%)}.halo{position:absolute;left:61%;top:37%;z-index:4;width:min(36vw,520px);aspect-ratio:1;transform:translate(-50%,-50%)}.ring{position:absolute;inset:4%;border-radius:50%;border:1px solid rgba(63,216,255,.16);animation:spin 28s linear infinite}.ring.r2{inset:17%;border-style:dashed;border-color:rgba(255,183,47,.18);animation:spinr 21s linear infinite}.ring.r3{inset:30%;border-color:rgba(255,255,255,.07)}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid var(--line);background:rgba(3,7,10,.5);font:650 .5rem ui-monospace,monospace;letter-spacing:.12em;color:#8d98a1}.core b{color:var(--green)}.orbit{position:absolute;inset:0;animation:spin 25s linear infinite}.badge{position:absolute;left:50%;top:50%;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(3,7,10,.74);font:650 .54rem ui-monospace,monospace;white-space:nowrap}.b1{transform:rotate(0deg) translateX(min(18vw,250px))}.b2{transform:rotate(90deg) translateX(min(18vw,250px)) rotate(-90deg)}.b3{transform:rotate(180deg) translateX(min(18vw,250px)) rotate(-180deg)}.b4{transform:rotate(270deg) translateX(min(18vw,250px)) rotate(-270deg)}
.section{padding:86px clamp(24px,6vw,100px);border-bottom:1px solid var(--line)}.sectionhead p{margin:0;color:var(--gold);font:650 .69rem ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.sectionhead h2,.contact h2{font-size:clamp(2.2rem,4.5vw,4.4rem);margin:10px 0 24px;letter-spacing:-.05em;line-height:.96}.commandgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{position:relative;border:1px solid var(--line);border-radius:20px;background:linear-gradient(rgba(13,18,23,.7),rgba(5,7,9,.9));overflow:hidden}.globe{min-height:430px}#globe{width:100%;height:100%}.panelhead{position:absolute;left:18px;right:18px;top:16px;z-index:2;display:flex;justify-content:space-between;color:#9ba5ad;font:600 .57rem ui-monospace,monospace;letter-spacing:.08em}.panelhead b{color:var(--green)}.sidepanels{display:grid;gap:18px}.events{padding:54px 14px 40px;min-height:255px}.event{display:grid;grid-template-columns:62px 1fr auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.055);border-radius:10px;padding:9px;margin-bottom:8px;font:500 .54rem ui-monospace,monospace}.state{padding:4px 6px;border-radius:999px}.blocked{color:#ffb1b6;border:1px solid rgba(255,93,103,.2)}.allowed{color:#9af3c9;border:1px solid rgba(90,240,176,.18)}.stack{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.stack div{border:1px solid rgba(255,255,255,.055);border-radius:10px;padding:13px;color:#cdd3d7;font:650 .68rem ui-monospace,monospace}.stack small{display:block;color:#65717b;margin-bottom:8px}.stack i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:6px}
.profiles{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile{border:1px solid var(--line);border-radius:20px;padding:22px;background:linear-gradient(rgba(13,18,23,.68),rgba(5,7,9,.9))}.profile h3{font-size:1.4rem;margin:22px 0 7px}.profile p{color:#7e8992;line-height:1.6}.profile code{color:#b0bac1;font-size:.65rem}.profile:hover{transform:translateY(-4px);border-color:rgba(63,216,255,.25)}
.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center}.contact p{color:var(--muted);line-height:1.8}.email{color:#9befff;font:600 .78rem ui-monospace,monospace}.card{border:1px solid var(--line);border-radius:22px;padding:28px;background:linear-gradient(rgba(14,19,24,.8),rgba(6,8,10,.91))}.row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{margin-bottom:13px}.field label{display:block;margin-bottom:7px;color:#858e97;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}.field input,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#070b0f;color:#fff;outline:none}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus{border-color:rgba(63,216,255,.4);box-shadow:0 0 0 4px rgba(63,216,255,.04)}.honey{position:absolute;left:-9999px}.formfoot{display:flex;justify-content:space-between;align-items:center;gap:15px}.formfoot small{color:#65717b;line-height:1.5}.statusmsg{min-height:20px;color:#9befff;font-size:.8rem}.footer{padding:22px clamp(24px,6vw,100px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#64707a;font-size:.7rem}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.visual{position:absolute;inset:0;opacity:.62}.copy{min-height:100svh;background:linear-gradient(90deg,rgba(2,3,4,.98),rgba(2,3,4,.88) 48%,rgba(2,3,4,.35) 80%)}.halo{left:74%;width:52vw}.commandgrid,.contact{grid-template-columns:1fr}.contact{gap:35px}}
@media(max-width:760px){.header{padding:16px 18px}.nav a:nth-child(-n+2){display:none}.copy{padding:116px 20px 70px;justify-content:flex-end}h1{font-size:clamp(3.5rem,17vw,5.6rem)}.halo{left:79%;top:29%;width:64vw;opacity:.55}.badge{font-size:.42rem;padding:5px 7px}.section{padding:72px 18px}.profiles{grid-template-columns:1fr}.globe{min-height:360px}.row{grid-template-columns:1fr}.formfoot{align-items:stretch;flex-direction:column}.formfoot .btn{width:100%;justify-content:center}.glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.boot{display:none}}