:root {
    --bg: #f4f6f8;
    --card: #ffffff;
    --text: #1f2937;
    --muted: #6b7280;
    --primary: #0b69ff;
    --border: #d0d7de;
    --success-bg: #eefcf3;
    --success-text: #156f3b;
    --error-bg: #fff0f0;
    --error-text: #9b1c1c;
    --info-bg: #eef5ff;
    --info-text: #215ba8;
}
body{font-family:Tahoma,Arial,sans-serif;background:var(--bg);margin:0;color:var(--text)}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:560px;background:var(--card);border-radius:18px;padding:28px;box-shadow:0 12px 34px rgba(0,0,0,.08)}.brand{font-size:30px;font-weight:700;text-align:center;margin-bottom:10px}.subtitle{text-align:center;color:var(--muted);margin:0 0 20px}.field{margin-bottom:14px}.field label{display:block;font-size:14px;margin-bottom:6px}.field input,.field select{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:15px;box-sizing:border-box;background:#fff}.btn{background:var(--primary);border:none;color:#fff;padding:12px 16px;border-radius:10px;cursor:pointer;font-size:15px;width:100%}.btn.secondary{background:#eef3ff;color:var(--primary)}.hint,.small{font-size:13px;color:var(--muted)}.alert{padding:12px;border-radius:10px;margin:0 0 16px}.alert.error{background:var(--error-bg);color:var(--error-text)}.alert.success{background:var(--success-bg);color:var(--success-text)}.alert.info{background:var(--info-bg);color:var(--info-text)}.checkbox{display:flex;gap:8px;align-items:flex-start}.checkbox input{margin-top:3px}.nav{text-align:center;margin-top:16px}.mono{font-family:monospace;background:#f7f7f7;padding:3px 6px;border-radius:6px}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-left:44px}.toggle-password{position:absolute;left:12px;cursor:pointer;font-size:18px;opacity:.7}.toggle-password:hover{opacity:1}.stack{display:grid;gap:12px}.actions-inline{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}