:root{--bg: #0b1020;--panel: #141a2e;--panel-2: #1b2340;--border: #263056;--field-border: #2f3a63;--text: #e6e9f2;--muted: #9aa4c4;--hint: #8b95b8;--input-bg: #0e1428;--input-placeholder: #7b84a4;--accent: #5b8cff;--accent-strong: #3b6df5;--ok: #37d67a;--err-text: #ffb3b3;--glow-a: rgba(91, 140, 255, .18);--glow-b: rgba(55, 214, 122, .1);--shadow: 0 10px 40px rgba(0, 0, 0, .35);--radius: 12px;color-scheme:dark}:root[data-theme=light],:root.theme-light{--bg: #f4f6fb;--panel: #ffffff;--panel-2: #f7f9fe;--border: #dce2f0;--field-border: #838ba4;--text: #1a2138;--muted: #5a6489;--hint: #626a86;--input-bg: #ffffff;--input-placeholder: #6b7290;--accent: #3b6df5;--accent-strong: #2b5be0;--err-text: #c0392b;--glow-a: rgba(91, 140, 255, .16);--glow-b: rgba(55, 214, 122, .12);--shadow: 0 12px 34px rgba(31, 51, 92, .12);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f4f6fb;--panel: #ffffff;--panel-2: #f7f9fe;--border: #dce2f0;--field-border: #838ba4;--text: #1a2138;--muted: #5a6489;--hint: #626a86;--input-bg: #ffffff;--input-placeholder: #6b7290;--accent: #3b6df5;--accent-strong: #2b5be0;--err-text: #c0392b;--glow-a: rgba(91, 140, 255, .16);--glow-b: rgba(55, 214, 122, .12);--shadow: 0 12px 34px rgba(31, 51, 92, .12);color-scheme:light}}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,var(--glow-a),transparent 60%),radial-gradient(900px 500px at -10% 10%,var(--glow-b),transparent 55%),var(--bg);transition:background-color .2s,color .2s}#app{max-width:720px;margin:0 auto;padding:48px 20px 80px}header{margin-bottom:28px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none}.brand-logo{display:block;height:26px;width:auto;color:var(--text)}.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--panel)}.theme-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--muted);transition:color .15s,background-color .15s}.theme-switch button svg{width:16px;height:16px}.theme-switch button:hover{color:var(--text)}.theme-switch button.active{color:var(--accent);background:var(--glow-a)}.theme-switch button:focus-visible,button[type=submit]:focus-visible,.brand:focus-visible,.hint a:focus-visible,.remember input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{margin:12px 0 6px;font-size:28px;line-height:1.2}header p{margin:0;color:var(--muted);font-size:15px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}form{display:grid;gap:18px}.field{display:grid;gap:7px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.row{grid-template-columns:1fr}}label{font-size:13px;font-weight:600;color:var(--muted)}label .req{color:var(--accent)}input,select{width:100%;padding:11px 12px;font-size:14px;color:var(--text);background:var(--input-bg);border:1px solid var(--field-border);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s,background-color .2s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-a)}input::placeholder{color:var(--input-placeholder)}.hint{font-size:12px;color:var(--hint)}.hint a{color:var(--accent);margin-left:6px}.remember{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text)}.remember input[type=checkbox]{width:16px;height:16px;padding:0;margin:0;accent-color:var(--accent);cursor:pointer}button[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-weight:700;font-size:15px;padding:13px 16px;border-radius:10px;color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-strong));transition:transform .05s,filter .15s,opacity .15s}button[type=submit]:hover{filter:brightness(1.07)}button[type=submit]:active{transform:translateY(1px)}button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.status{margin-top:20px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);padding:14px 16px;min-height:20px;font-size:13px;line-height:1.6;color:var(--muted);white-space:pre-wrap;display:none}.status.show{display:block}.status.ok{border-color:#37d67a66}.status.err{border-color:#ff6b6b73;color:var(--err-text)}.status strong{color:var(--text)}footer{margin-top:22px;text-align:center;color:var(--hint);font-size:12px}footer code{color:var(--muted);background:var(--input-bg);border:1px solid var(--border);padding:2px 6px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}