@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#08060c;--panel:#0e0b13;--line:rgba(255,255,255,.105);--purple:#9b50ff;--purple2:#c08cff;--acid:#c8ff3d;--text:#f8f6fb;--muted:#9c95a4;--sidebar:70px;--top:56px}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}button,a,input{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.042;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.026;background:repeating-linear-gradient(180deg,transparent 0 3px,#000 4px)}
.cursor{position:fixed;width:24px;height:24px;border:1px solid var(--acid);border-radius:50%;z-index:1100;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:difference}.cursor.big{width:55px;height:55px;background:rgba(200,255,61,.12)}
.topbar{position:fixed;left:var(--sidebar);right:0;top:0;height:var(--top);z-index:80;background:rgba(7,5,10,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}.brand{display:flex;align-items:center;gap:11px;font:900 17px "Archivo Black"}.brand-mark{width:28px;height:28px;border:1px solid var(--line);display:grid;place-items:center;background:#f5f0fb;color:#0b0810;font:900 12px "Archivo Black"}.topnav{display:flex;height:100%;align-items:center;gap:32px}.topnav a{height:100%;display:flex;align-items:center;position:relative;color:#9992a0;font-size:10px;font-weight:900;letter-spacing:.06em}.topnav a:hover,.topnav a.active{color:var(--acid)}.topnav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acid);box-shadow:0 0 18px var(--acid)}.top-actions{display:flex;align-items:center;gap:12px}.square-btn{width:32px;height:32px;display:grid;place-items:center;background:#0b0810;border:1px solid var(--line);border-radius:8px}.early-btn{padding:10px 18px;border:1px solid var(--purple);border-radius:8px;background:rgba(155,80,255,.08);color:#d3b5ff;font-size:10px;font-weight:900}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);z-index:90;background:rgba(6,4,9,.94);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.side-logo{height:var(--top);width:100%;display:grid;place-items:center;border-bottom:1px solid var(--line);font:900 14px "Archivo Black";color:var(--acid)}.side-nav{display:flex;flex-direction:column;width:100%;padding-top:22px}.side-nav a{height:65px;display:grid;place-items:center;text-align:center;gap:5px;color:#847d8a;font-size:7px;font-weight:800;letter-spacing:.05em;position:relative}.side-nav a b{font-size:15px;font-weight:500}.side-nav a:hover,.side-nav a.active{color:var(--acid)}.side-nav a.active:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;background:var(--acid);box-shadow:0 0 15px var(--acid)}.side-foot{margin-top:auto;width:100%;text-align:center;padding:20px 0;color:#6e6874;font-size:7px}.side-foot b{display:block;font-size:16px;color:white;margin-bottom:18px}
.section-kicker{color:var(--acid);font-size:9px;font-weight:900;letter-spacing:.2em}
.outline-btn{height:48px;padding:0 24px;border:1px solid var(--purple);background:rgba(155,80,255,.08);font-size:10px;font-weight:900;letter-spacing:.1em}.outline-btn:hover{background:var(--purple)}
@keyframes rain{to{transform:translate(50px,90px) rotate(8deg)}}@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes breathe{50%{transform:scale(1.12);opacity:.65}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.topbar{left:0;padding:0 14px}.topnav{display:none}.top-actions .square-btn{display:none}.cursor{display:none}}