:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#070b12;color:#e8eef8}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 25% 10%,#14294a 0,transparent 32%),#070b12}button,input,select{font:inherit}button{cursor:pointer}.public-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,460px);gap:7vw;align-items:center;padding:9vh 8vw;position:relative}.nav{position:absolute;top:28px;left:8vw;right:8vw;display:flex;justify-content:space-between}.brand{font-weight:760;letter-spacing:.02em}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #5cbcff;border-radius:9px;color:#72c8ff;margin-right:9px}.nav-note,.eyebrow{color:#76bdf1;font-size:12px;letter-spacing:.18em}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.96;margin:22px 0;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:#80c8ff}.hero p{max-width:640px;color:#9cabc0;font-size:18px;line-height:1.7}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#b9c8d9;font-size:13px;margin-top:32px}.auth-card,.panel,.metrics article{border:1px solid #26354a;background:linear-gradient(145deg,#131d2cf2,#0a0f18f0);box-shadow:0 24px 80px #0008;border-radius:18px}.auth-card{padding:30px}.tabs{display:flex;gap:8px;margin-bottom:26px;background:#080d15;padding:5px;border-radius:11px}.tabs button{flex:1;border:0;padding:10px;border-radius:8px;background:transparent;color:#8796a9}.tabs button.active{background:#1b2a3d;color:#fff}.auth-card label,.panel label{display:grid;gap:8px;color:#96a6b9;font-size:13px;margin:16px 0}input,select{width:100%;border:1px solid #2b3c52;background:#090f18;color:#eef5ff;border-radius:9px;padding:12px;outline:none}input:focus,select:focus{border-color:#5ab8fa}.primary,.secondary{border-radius:9px;padding:12px 16px;border:1px solid #3c9ee2;font-weight:700}.primary{width:100%;color:#06101b;background:linear-gradient(135deg,#8bd1ff,#559ce8)}.secondary{color:#bfe3ff;background:#102239}.message{color:#ffba8a;font-size:13px}.verification{display:grid;gap:9px;margin-top:16px}.verification code,.pairing code{overflow-wrap:anywhere;color:#8dd2ff;background:#06101a;padding:10px;border-radius:8px}.dashboard{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.dashboard aside{border-right:1px solid #1d2b3d;background:#080d15;padding:24px 17px;display:flex;flex-direction:column;gap:8px}.nav-item{color:#91a0b3;padding:12px;border-radius:9px}.nav-item.active{background:#15263a;color:#dceeff}.nav-item small{float:right;color:#61738a}.logout{margin-top:auto;background:transparent;border:0;color:#728298;text-align:left;overflow:hidden;text-overflow:ellipsis}.content{padding:42px;max-width:1500px;width:100%;margin:auto}.content header{display:flex;justify-content:space-between;align-items:center}.content h2{font-size:34px;margin:5px 0 24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article{padding:20px;box-shadow:none}.metrics span{color:#8393a8;font-size:13px}.metrics strong{display:block;font-size:30px;margin-top:9px}.metrics .read{color:#7ad7aa;font-size:18px}.grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(400px,1.4fr);gap:18px;margin-top:18px}.panel{padding:24px;box-shadow:none}.panel h3{margin:0 0 8px}.panel p{color:#8292a7;font-size:13px;line-height:1.5}.pairing{display:grid;gap:8px;margin-top:18px}.pairing span,.pairing small{color:#8292a7;font-size:12px}.server{border-top:1px solid #223147;padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.server small{display:block;color:#718197;margin-top:4px}.server>span{font-size:11px;color:#7bd9a9}.resource-list{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.resource-list code{background:#090f18;color:#9db2c8;padding:5px 7px;border-radius:6px;font-size:11px}.empty,.scope-note{color:#718197}.scope-note{font-size:12px;text-align:center;margin-top:24px}@media(max-width:900px){.public-shell{grid-template-columns:minmax(0,1fr);padding-top:120px}.hero,.auth-card{min-width:0}.hero h1{font-size:clamp(42px,9vw,64px);overflow-wrap:anywhere}.dashboard{grid-template-columns:1fr}.dashboard aside{display:none}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.content{padding:24px}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.hero h1{font-size:42px}.content header{align-items:flex-start;gap:16px}}