:root{--bg:#0c0c14;--surface:#13131f;--hover:#1a1a2e;--stroke:#2a2a40;--accent:#e879a9;--accent-dark:#c45b8a;--text:#e8e8f0;--muted:#8888a0;--error:#f07878;--success:#66d9a0}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100%}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:28px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:4px}.brand img{width:54px;height:54px;border-radius:14px;border:1px solid var(--stroke);flex:none}.logo{line-height:.94;font-weight:800;font-size:40px;letter-spacing:-.02em}.logo .pass{color:var(--accent)}.subtitle{font-size:14px;margin:14px 0 24px}.subtitle,label{color:var(--muted)}label{display:block;font-size:12px;margin:0 0 6px}input{width:100%;background:var(--hover);border:1px solid var(--stroke);border-radius:10px;padding:12px 14px;color:var(--text);font-size:15px;outline:none}input:focus{border-color:var(--accent)}.field{margin-bottom:14px}button.primary{width:100%;border:0;border-radius:12px;padding:14px;font-size:15px;font-weight:600;color:var(--bg);background:linear-gradient(135deg,var(--accent),var(--accent-dark));cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--stroke)}.note{font-size:13px;margin-top:16px}.note.error{color:var(--error)}.note.success{color:var(--success)}.note.muted{color:var(--muted)}a{color:var(--accent)}