/* Shared Mining Control dark palette */
:root { color-scheme: dark; --bg:#0e1116; --panel:#171b22; --panel2:#1d222b; --border:#2a303b; --text:#f1f4f8; --muted:#9aa4b2; --blue:#5ba7ff; }
* { box-sizing:border-box; }
html { min-height:100%; background:var(--bg); }
body { min-height:100vh; margin:0; padding:clamp(20px, 7vh, 72px) max(16px, env(safe-area-inset-left)) max(24px, env(safe-area-inset-bottom)); display:flex; justify-content:center; align-items:flex-start; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.5; }
.auth-card { width:min(100%, 480px); margin:0 auto; padding:clamp(22px, 6vw, 36px); border:1px solid var(--border); border-radius:18px; background:var(--panel); box-shadow:0 18px 48px rgb(0 0 0 / 24%); }
.auth-card h1 { margin:0 0 18px; font-size:clamp(24px, 6vw, 30px); line-height:1.2; letter-spacing:-.02em; }
.auth-card p { margin:12px 0; color:var(--muted); }
.auth-card form { display:flex; flex-direction:column; align-items:stretch; gap:10px; margin-top:20px; }
.auth-card label { display:flex; flex-direction:column; gap:6px; color:var(--text); font-weight:600; }
.auth-card input { display:block; width:100%; min-width:0; min-height:48px; margin:0; padding:12px 14px; border:1px solid var(--border); border-radius:10px; outline:none; background:var(--panel2); color:var(--text); font:inherit; font-size:16px; }
.auth-card input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgb(91 167 255 / 18%); }
.auth-card button { width:100%; min-height:48px; margin:4px 0 0; padding:12px 16px; border:1px solid var(--blue); border-radius:10px; background:var(--blue); color:#07111e; font:inherit; font-weight:700; cursor:pointer; -webkit-appearance:none; appearance:none; }
.auth-card button:active { filter:brightness(.92); }
.auth-card img { display:block; width:min(100%, 240px); height:auto; margin:18px auto; padding:10px; border-radius:10px; background:#fff; }
.auth-card code { display:block; overflow-wrap:anywhere; padding:10px 12px; border:1px solid var(--border); border-radius:8px; background:var(--panel2); color:var(--text); }
@media (min-width:700px) { body { align-items:center; padding-top:32px; padding-bottom:32px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }