.login-container{min-height:100vh;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle, var(--accent-muted) 0%, transparent 70%);pointer-events:none;z-index:0;width:600px;height:600px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.login-card{z-index:1;width:100%;max-width:420px;padding:var(--space-10);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:relative}.login-brand{text-align:center;margin-bottom:var(--space-10)}.login-brand-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--accent-secondary);margin-bottom:var(--space-2);font-weight:700}.login-brand-title{font-size:var(--text-3xl);font-family:var(--font-display);font-weight:700}.login-brand-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-field label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);font-weight:700}.login-field input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.login-field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-muted)}.login-submit{width:100%;padding:var(--space-4);margin-top:var(--space-2);background:var(--accent-primary);color:#fff;font-weight:700;font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.login-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.login-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-toggle{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary)}.login-toggle button{color:var(--accent-secondary);transition:color var(--transition-fast);padding:0;font-weight:600}.login-toggle button:hover{color:var(--accent-primary)}.login-error{padding:var(--space-3) var(--space-4);background:var(--error-muted);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);text-align:center;border:1px solid #ef444433}.login-footer{z-index:1;margin-top:var(--space-8);font-size:var(--text-xs);color:var(--text-tertiary);position:relative}