:root{--brand:#124f7b;--bg:#f6f9fc;--surface:#fff;--text:#0f172a;--muted:#6b7280}.main{min-height:100vh;display:grid;place-items:center;background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.card,.main{padding:24px}.card{width:100%;max-width:420px;background:var(--surface);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px rgba(2,12,27,.08)}.h1{margin:0 0 8px;font-size:24px;font-weight:800;color:var(--text)}.sub{margin:0 0 16px;color:var(--muted)}.input{border-radius:10px;border:1px solid #cbd5e1;outline:none}.btn,.input{width:100%;padding:12px}.btn{margin-top:12px;border-radius:10px;background:var(--brand);color:#fff;font-weight:700;border:none;cursor:pointer}.btn[disabled]{opacity:.7}.btn-sec{margin-top:10px;width:100%;padding:10px;border-radius:10px;background:#eef2f7;color:var(--text);border:1px solid #e5e7eb;cursor:pointer}.err{color:#b91c1c;margin-top:8px}