@font-face{font-family:'DM Sans';src:url('/dm-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:'Space Grotesk';src:url('/space-grotesk.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{font-family:'DM Sans',sans-serif;color:#eff4ff;background:#070c1b;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 75% 40% at 64% -12%,#3a318c66,transparent),radial-gradient(ellipse 40% 35% at 0 55%,#0b63723b,transparent),#070c1b}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.04em;font-size:20px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #7b83fa;border-radius:13px;background:linear-gradient(135deg,#6157e9,#1497a5);box-shadow:0 0 36px #4d59f266}.brand-accent{color:#8bb9ff}.brand small{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:.2em;color:#91a0be;margin-top:3px}.eyebrow,.section-heading>span,.rail-label{color:#8fcbd6;font-size:11px;font-weight:700;letter-spacing:.22em}.login-body{display:grid;place-items:center}.login-shell{width:min(1280px,100%);padding:34px 5vw 20px}.login-grid{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw}.login-grid h1,.hero h1{font:600 clamp(48px,5.2vw,86px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:22px 0}.login-grid h1 em,.hero h1 em{font-style:normal;color:#99a7ff}.lead{max-width:610px;color:#aebbd4;font-size:clamp(16px,1.5vw,20px);line-height:1.65}.primary{display:inline-flex;align-items:center;gap:45px;padding:17px 22px;margin-top:26px;background:linear-gradient(100deg,#6a65ef,#278aa8);border:1px solid #9ca5ff;border-radius:12px;font-weight:700;box-shadow:0 12px 40px #4346d342;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-3px);box-shadow:0 18px 55px #5a61eb70}.footnote{color:#71819f;font-size:12px;margin-top:25px}.signal-card{min-height:530px;border:1px solid #7286ad55;border-radius:28px;background:linear-gradient(145deg,#17244caa,#101a35dd 60%,#0d304066);box-shadow:0 30px 100px #0006;display:flex;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden;position:relative}.signal-card:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #9db8ff16;border-radius:50%;top:20px;right:-160px;box-shadow:0 0 0 60px #9db8ff08,0 0 0 120px #9db8ff05}.signal-top{display:flex;align-items:center;gap:10px;color:#b0cae5;font-size:11px;letter-spacing:.15em;z-index:1}.signal-top span:last-child{margin-left:auto;color:#7e91b5}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#51e5cf;box-shadow:0 0 15px #51e5cf}.signal-orb{z-index:1;align-self:center;display:grid;place-items:center;width:245px;height:245px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#abc2ff,#5c6ef1 35%,#2c367b 64%,#101b40);box-shadow:inset -24px -30px 50px #0b123e,0 0 90px #5265f899;animation:float 6s ease-in-out infinite}.signal-orb span,.hero-orbit span{font:700 68px 'Space Grotesk',sans-serif;color:#eaf2ff;text-shadow:0 2px 20px #fff7}.signal-bottom{z-index:1}.signal-bottom strong{font:600 27px/1.15 'Space Grotesk',sans-serif}.signal-bottom p{color:#a9b8d0;max-width:360px;line-height:1.55;font-size:14px}footer{display:flex;justify-content:space-between;color:#7787a4;font-size:10px;letter-spacing:.17em;padding:20px 0}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr)}.rail{position:sticky;top:0;height:100vh;padding:30px 24px;border-right:1px solid #60749c33;background:#0a1124be;display:flex;flex-direction:column;backdrop-filter:blur(20px)}.rail .brand{font-size:17px}.rail .brand-mark{width:37px;height:37px}.rail-label{margin:65px 12px 18px}.rail nav{display:grid;gap:8px}.rail nav a{padding:13px 15px;border-radius:10px;color:#aebbd4;transition:background .2s,color .2s}.rail nav a:hover,.rail nav a:focus-visible{background:#7789ea29;color:#fff}.rail-bottom{margin-top:auto;padding:17px;color:#dce8fc;border:1px solid #5f87aa55;border-radius:12px;background:#19334a55;line-height:1.7}.rail-bottom small{color:#94adc9}.app-main{min-width:0}.topbar{height:74px;padding:0 clamp(24px,3vw,60px);border-bottom:1px solid #62769a33;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#92a0bd;font-size:11px;letter-spacing:.15em}.topbar b{color:#4bd9d0;margin:0 8px}.topbar>div{display:flex;align-items:center;gap:12px}.readonly{border:1px solid #4cbaae77;color:#74e0ce;border-radius:100px;padding:7px 10px}.quiet{background:transparent;border:1px solid #687d9c77;color:#e6eeff;padding:8px 12px;border-radius:9px;transition:background .2s}.quiet:hover{background:#6578d734}.quiet:disabled{opacity:.5}main{padding:36px clamp(24px,3vw,60px) 70px;max-width:1600px;margin:auto}.hero{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1{font-size:clamp(42px,4vw,68px)}.hero-orbit{flex:none;display:grid;place-items:center;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#7f9bff,#434baf 55%,#12284a);box-shadow:0 0 80px #5962f65c;animation:float 7s ease-in-out infinite}.hero-orbit span{font-size:54px}.status{margin:10px 0 44px;padding:15px 19px;border:1px solid #6176a355;background:#18254a66;border-radius:11px;color:#b8c8ed}.status.connected{border-color:#3caea288;color:#8ce7d7}.status.error{border-color:#b66d72;color:#ffc7c5}.section-heading{margin:50px 0 23px}.section-heading h2{font:600 clamp(27px,2.4vw,38px) 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:6px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{border:1px solid #627ab254;border-radius:16px;background:linear-gradient(145deg,#17264b99,#101a32db);box-shadow:0 12px 35px #0002}.metric{padding:23px;display:grid;gap:12px}.metric span{color:#99b1d2;font-size:12px}.metric strong{font:600 clamp(22px,2vw,30px) 'Space Grotesk',sans-serif}.metric small{color:#8498b7}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{padding:24px;min-width:0}.panel-head{padding-bottom:12px;border-bottom:1px solid #7185ab33}.panel h3{font:600 21px 'Space Grotesk',sans-serif;margin:0}.panel-note,.empty{color:#8ea1c0;font-size:13px;line-height:1.5}.panel dl{margin:0}.panel dl>div,.record>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #7185ab24;font-size:13px}.panel dt,.record span{color:#9aacc8}.panel dd,.record strong{margin:0;text-align:right;overflow-wrap:anywhere;max-width:63%;font-weight:600}.record-list{max-height:420px;overflow:auto}.record{padding:12px 0;border-bottom:1px solid #8ba3d132}.record>div{border:0;padding:3px 0}.app-main footer{padding:25px clamp(24px,3vw,60px);border-top:1px solid #62769a33}a:focus-visible,button:focus-visible{outline:2px solid #55e5d5;outline-offset:3px}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.rail{position:relative;height:auto;padding:18px 24px}.rail-label,.rail-bottom{display:none}.rail nav{display:flex;overflow:auto;margin-top:15px}.rail nav a{white-space:nowrap}.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.login-shell{padding:22px}.login-grid{grid-template-columns:1fr;gap:30px;padding:55px 0}.signal-card{min-height:330px}.signal-orb{width:130px;height:130px}.signal-orb span{font-size:40px}.hero-orbit{display:none}.panel-grid,.metrics{grid-template-columns:1fr}.topbar>div{flex-wrap:wrap}.readonly{display:none}footer span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1000px){.app-shell{grid-template-columns:minmax(0,1fr)}.rail,.app-main,.topbar,.hero,.hero>div{min-width:0}.rail nav{max-width:100%;overflow-x:auto}.topbar>span{overflow-wrap:anywhere}}
@media(max-width:700px){.hero h1{font-size:clamp(35px,10vw,48px);overflow-wrap:anywhere}.topbar>div{max-width:100%}.panel dd,.record strong{max-width:58%}}
@media(max-width:1000px){.rail nav{scrollbar-width:none}.rail nav::-webkit-scrollbar{display:none}}

/* Complete mobile section navigation */
@media(max-width:700px){.rail nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;margin-top:16px}.rail nav a{min-width:0;white-space:normal;padding:10px 12px;border:1px solid #627ab254;background:#17264b66;color:#d5e2fb;text-align:center;font-size:13px}}