:root{--sb-navy: #0a1020;--sb-orange: #ff8a1e;--sb-blue: #2f9bff;--sb-ink: #e8edf7;--sb-grid: rgba(120, 160, 220, .07)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--sb-ink);background-color:var(--sb-navy);background-image:radial-gradient(1100px 520px at 12% -8%,rgba(255,138,30,.13),transparent 60%),radial-gradient(1000px 680px at 115% 118%,rgba(47,155,255,.15),transparent 62%),linear-gradient(var(--sb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sb-grid) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px;background-attachment:fixed}.sb-app{min-height:100vh;padding:20px}.sb-surface{position:relative;background:#fffffffb;border-top:3px solid var(--sb-orange);border-radius:12px;box-shadow:0 12px 44px #00000080,0 0 0 1px #2f9bff2e;padding:22px 26px 28px;color:#1b2431}.sb-surface:before,.sb-surface:after{content:"";position:absolute;width:20px;height:20px;pointer-events:none;border:2px solid var(--sb-orange);opacity:.85}.sb-surface:before{top:9px;left:9px;border-right:0;border-bottom:0}.sb-surface:after{bottom:9px;right:9px;border-left:0;border-top:0}.sb-mark{display:inline-block;width:12px;height:12px;margin-right:10px;background:var(--sb-orange);transform:rotate(45deg);box-shadow:0 0 12px #ff8a1ed9}.sb-splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.sb-splash h1{font-size:54px;letter-spacing:2px;margin:0;color:#fff;text-shadow:0 0 24px rgba(47,155,255,.55),0 0 2px rgba(255,255,255,.6)}.sb-splash .sb-kicker{color:var(--sb-orange);letter-spacing:4px;font-size:12px;text-transform:uppercase;margin-bottom:10px;font-weight:700}.sb-splash .sb-sub{color:#9fb0cc;margin:8px 0 0;letter-spacing:1px}.sb-btn{padding:13px 26px;font-size:15px;font-weight:600;cursor:pointer;color:#fff;background:#141e34b3;letter-spacing:1px;border:1px solid var(--sb-blue);border-radius:8px;box-shadow:0 0 18px #2f9bff40;transition:all .15s}.sb-btn:hover{background:#2f9bff2e;box-shadow:0 0 26px #2f9bff73}.sb-btn-primary{border-color:var(--sb-orange);box-shadow:0 0 18px #ff8a1e4d}.sb-btn-primary:hover{background:#ff8a1e29;box-shadow:0 0 26px #ff8a1e80}.sb-devpanel{margin-top:44px;padding:20px 22px;text-align:left;background:#0d1526b8;border:1px solid rgba(47,155,255,.35);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sb-devpanel input,.sb-devpanel select{padding:8px 10px;background:#0a1020;color:var(--sb-ink);border:1px solid rgba(120,160,220,.35);border-radius:6px}