body { display:flex; align-items:center; justify-content:center; min-height:100vh; background:#f4f6f9; margin:0; }
        .auth-card { background:#fff; border-radius:12px; box-shadow:0 4px 24px rgba(0,0,0,.10); padding:40px 36px; width:100%; max-width:420px; }
        .auth-card h2 { margin:0 0 6px; font-size:1.5rem; color:#1a1a2e; }
        .auth-card p.subtitle { color:#6c757d; font-size:.93em; margin:0 0 24px; }
        .auth-logo { display:block; margin:0 auto 24px; max-width:120px; }
        .form-group { margin-bottom:18px; }
        .form-group label { display:block; font-weight:600; font-size:.9em; margin-bottom:6px; color:#333; }
        .form-group input { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #ced4da; border-radius:6px; font-size:1em; }
        .form-group input:focus { outline:none; border-color:oklch(45% 0.16 155); box-shadow:0 0 0 3px oklch(45% 0.16 155 / 0.15); }
        .btn-primary { width:100%; padding:11px; background:oklch(45% 0.16 155); color:#fff; border:none; border-radius:6px; font-size:1em; font-weight:600; cursor:pointer; margin-top:4px; }
        .btn-primary:hover { background:oklch(37% 0.15 155); }
        .alert-success { background:#d4edda; color:#155724; border:1px solid #c3e6cb; border-radius:6px; padding:12px 14px; margin-bottom:20px; font-size:.93em; }
        .auth-links { text-align:center; margin-top:20px; font-size:.9em; color:#6c757d; }
        .auth-links a { color:oklch(45% 0.16 155); text-decoration:none; }
        .auth-links a:hover { text-decoration:underline; }