.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 2rem 2rem;background:#000}.login-card{width:100%;max-width:420px;background:#fff;border:2px solid #000;padding:2.5rem;box-shadow:8px 8px 0 0 #000}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:.5rem}.login-header p{color:var(--color-text-secondary);font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{display:flex;flex-direction:column;gap:.35rem}.login-form .form-group label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.login-form .form-input{padding:.65rem .85rem;border:2px solid #000;font-size:.9rem;font-family:var(--font-body);outline:none;transition:box-shadow var(--transition-fast)}.login-form .form-input:focus{box-shadow:3px 3px 0 0 #000}.login-demo{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border);text-align:center}.login-demo>p{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.6rem}.demo-hint{font-size:.75rem!important;color:var(--color-text-muted)!important;margin-top:.5rem}.login-footer{text-align:center;margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.login-footer p{font-size:.85rem;color:var(--color-text-secondary)}.login-toggle{background:none;border:none;font-size:.85rem;font-weight:600;color:var(--color-text);text-decoration:underline;cursor:pointer;padding:0}.login-back{font-size:.8rem;color:#999;text-decoration:none}.login-back:hover{color:#fff}.login-error{background:#FEE2E2;color:#991B1B;border-radius:var(--radius-sm);border:1px solid #fecaca}.login-error,.login-message{padding:.75rem 1rem;font-size:.85rem;margin-bottom:var(--space-md)}.login-message{background:#DCFCE7;color:#166534;border-radius:var(--radius-sm);border:1px solid #bbf7d0}.login-resend{display:block;margin-top:.5rem;background:none;border:none;color:#166534;font-size:.85rem;font-weight:600;text-decoration:underline;cursor:pointer;padding:0}.login-resend:disabled{opacity:.5;cursor:not-allowed}.login-resend-standalone{display:block;margin:.5rem auto 0;background:none;border:none;color:#999;font-size:.8rem;text-decoration:underline;cursor:pointer;padding:0}.login-resend-standalone:hover{color:#fff}.login-resend-standalone:disabled{opacity:.5;cursor:not-allowed}