:root{--brand: #5A5BD6;--brand-hover: #4849C0;--ink: #1C1C28;--ink-soft: #3A3A4C;--muted: #6E6E82;--faint: #9A9AAC;--border: #E3E3EC;--error-fg: #C4384B;--error-bg: #FDEDEF;--ok-fg: #2E7D57;--ok-bg: #E9F7EF}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#f6f6f9 55%,#ececfb)}.wrap{width:100%;max-width:420px;display:flex;flex-direction:column;gap:28px}.wrap-wide{max-width:480px}.brand{display:flex;flex-direction:column;align-items:center;gap:14px}.brand-compact{flex-direction:row;align-items:center;gap:14px}.brand-text{text-align:center}.logo{width:52px;height:52px;border-radius:16px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;letter-spacing:-.5px;box-shadow:0 8px 24px #5a5bd659;flex-shrink:0}.title{font-size:22px;font-weight:800;letter-spacing:-.4px}.brand-compact .title{font-size:18px}.subtitle{font-size:14px;color:var(--muted);margin-top:6px}.brand-compact .subtitle{margin-top:2px;font-size:13px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 1px 2px #1c1c280d,0 12px 32px #1c1c2812;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-row{display:flex;justify-content:space-between;align-items:center}label{font-size:13px;font-weight:600;color:var(--ink-soft)}input,select{height:44px;border-radius:12px;border:1.5px solid var(--border);padding:0 14px;font-size:14px;font-family:inherit;color:var(--ink);outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5a5bd626}a{color:var(--brand);text-decoration:none;font-weight:600}a:hover{color:var(--brand-hover);text-decoration:underline}.link-sm{font-size:12.5px}.error{font-size:13px;color:var(--error-fg);background:var(--error-bg);border-radius:10px;padding:10px 12px}.notice{font-size:13px;color:var(--ok-fg);background:var(--ok-bg);border-radius:10px;padding:10px 12px}button{height:46px;border-radius:12px;border:none;background:var(--brand);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:4px;transition:background .15s,transform .05s}button:hover{background:var(--brand-hover)}button:active{transform:scale(.99)}button:disabled{opacity:.7;cursor:default}button.ghost{height:38px;margin:0;padding:0 16px;background:#fff;color:var(--ink-soft);font-size:13px;font-weight:600;border:1.5px solid var(--border)}button.ghost:hover{background:#f6f6f9;border-color:#d6d6e2}.muted-center{text-align:center;font-size:13px;color:var(--muted)}.foot{text-align:center;font-size:12px;color:var(--faint)}