:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #07101c; color: #e8eef7; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; }
body { display: grid; place-items: center; background: radial-gradient(circle at 50% 0%, #12304a 0, #07101c 48%, #03070d 100%); }
.status-card { width: min(480px, calc(100% - 32px)); padding: 32px; text-align: center; border: 1px solid #26394f; border-radius: 18px; background: rgba(8, 19, 32, .92); box-shadow: 0 24px 80px rgba(0, 0, 0, .45); }
.status-card.error { border-color: #7f3441; }
.shield { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 18px; border-radius: 16px; background: #0ea5e9; color: #03101a; font-weight: 900; }
h1 { margin: 0 0 10px; font-size: 21px; }
p { margin: 0; color: #a9b8ca; line-height: 1.6; }
button { margin-top: 20px; min-height: 38px; padding: 0 16px; border: 1px solid #3a5068; border-radius: 9px; background: #15283b; color: #e8eef7; font-weight: 700; cursor: pointer; }
#remote { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; background: #080d14; }