.login-page{min-height:100dvh;padding:var(--space-4);background:linear-gradient(#060606 0%,#100d09 48%,#070707 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg-grid,.login-bg-glow{pointer-events:none;z-index:0;position:absolute;inset:0}.login-bg-grid{background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:radial-gradient(circle at 50% 36%,#000 18%,#0000 72%);mask-image:radial-gradient(circle at 50% 36%,#000 18%,#0000 72%)}.login-bg-glow{background:radial-gradient(circle at 18% 14%,#c9a84c1f,#0000 34%),radial-gradient(circle at 84% 82%,#f1d37a14,#0000 28%)}.login-card{z-index:1;width:100%;max-width:420px;padding:var(--space-10) var(--space-8);border-radius:var(--radius-2xl);background:#0d0b07;border:1px solid #f1d37a57;animation:.6s ease-out fadeInUp;position:relative;box-shadow:0 25px 50px -12px #000000c7,inset 0 0 0 1px #ffffff0f,0 0 32px #c9a84c1a}.login-chip{margin-bottom:var(--space-6);border-radius:var(--radius-full);color:var(--color-primary-light);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;background:#c9a84c14;border:1px solid #c9a84c33;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.login-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.login-logo-image{object-fit:contain;filter:drop-shadow(0 18px 26px #00000059);width:auto;height:52px}.login-logo-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-white)}.login-tagline{font-size:var(--text-sm);color:#ffffffc7;text-align:center}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:#ffffffd6}.login-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-body);line-height:var(--leading-normal);color:var(--color-white);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);appearance:none;background:#18140d;border:1px solid #ffffff2e;display:block}.login-input::placeholder{color:#ffffff7a}.login-input:hover{background:#ffffff0f;border-color:#ffffff2e}.login-input:focus{border-color:var(--color-primary);background:#ffffff0f;outline:none;box-shadow:0 0 0 3px #c9a84c33}.login-submit-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#161006;background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex;box-shadow:0 4px 18px #c9a84c3d}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg, #ffe08a 0%, var(--color-primary) 100%);transform:translateY(-1px);box-shadow:0 6px 22px #c9a84c5c}.login-submit-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-support{margin-top:var(--space-6);padding-top:var(--space-5);text-align:center;border-top:1px solid #ffffff14;justify-items:center;gap:8px;display:grid}.login-support span{color:#ffffff6b;font-size:var(--text-xs);font-weight:var(--weight-medium)}.login-support a{color:#fff7dcd1;font-size:var(--text-sm);align-items:center;gap:6px;display:inline-flex}.login-support a:hover{color:var(--color-primary-light)}.login-spinner{border:2px solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.login-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-error);border-radius:var(--radius-lg);background:#ef444414;border:1px solid #ef444433;animation:.2s ease-out fadeIn;display:flex}.login-footer{margin-top:var(--space-6);justify-content:center;display:flex}.login-forgot-link{font-size:var(--text-sm);color:var(--color-gray-500);transition:color var(--transition-fast);text-decoration:none}.login-forgot-link:hover{color:var(--color-primary-light)}@media (max-width:480px){.login-card{padding:var(--space-8) var(--space-5);border-radius:var(--radius-xl)}.login-logo-image{height:44px}.login-logo-text{font-size:var(--text-xl)}}