:root{--navy:#0e3066;--blue:#2b57c7;--ink:#1f2937;--muted:#6b7280;--line:#e5e7eb;--bg:#f4f7fb;--card:#fff}*{box-sizing:border-box}html[data-theme=dark]{--navy:#6b93f0;--ink:#e6eaf0;--muted:#98a3b3;--line:#2b3440;--bg:#0f141b;--card:#1a212c}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,Roboto,sans-serif;transition:background-color .2s,color .2s}.center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.center .card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:32px;box-shadow:0 6px 24px #0e30660f}.center .card h1{color:var(--navy);margin:0 0 6px;font-size:20px}.center .muted{color:var(--muted);margin:4px 0;font-size:13px}.center .error{color:#c0392b;margin:8px 0 0;font-size:13px}.center .btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:14px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:block}.center .btn:hover{background:#234aa8}.center .btn-ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.center .btn-ghost:hover{background:#f3f4f6}.center .input{border:1px solid var(--line);border-radius:10px;width:100%;margin-top:14px;padding:11px 14px;font-family:inherit;font-size:14px}.center .input:focus{border-color:var(--blue);outline:none}