:root{--ink: #1b2a4a;--ink-soft: #5b6b85;--paper: #f2f5f8;--card: #ffffff;--line: #e3e9f0;--accent: #b3232a;--radius: 14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--paper);color:var(--ink)}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px;font-size:.95rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.btn:hover:not(:disabled){border-color:#c3cede;box-shadow:0 2px 6px #141e3214}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover:not(:disabled){background:#26375c}.btn.danger-text{border:none;background:none;color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.85rem;font-weight:600;color:var(--ink-soft)}.field input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:1rem;font-family:inherit}.field input:focus{outline:2px solid #b7c4d6;border-color:transparent}.field-error{font-size:.8rem;color:var(--accent)}.banner-error{background:#fdeceb;border:1px solid #f3c6c3;color:var(--accent);border-radius:9px;padding:10px 12px;font-size:.9rem;margin-bottom:16px}.banner-success{background:#eaf6ec;border:1px solid #bfe3c4;color:#1e6b2c;border-radius:9px;padding:10px 12px;font-size:.9rem;margin-bottom:16px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}