.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%,rgba(66,133,244,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(52,168,83,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(251,188,4,.04) 0,transparent 50%);padding:var(--space-4)}.login-card{width:100%;max-width:420px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10);animation:fadeInUp .5s ease;box-shadow:var(--shadow-xl)}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-logo__icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent),#6c63ff);border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:white;font-size:24px}.login-logo__title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.login-logo__subtitle{font-size:14px;color:var(--text-secondary);margin-top:var(--space-1)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-field{position:relative}.login-field__label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.login-field__input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.login-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);background:var(--bg-secondary)}.login-field__input::placeholder{color:var(--text-tertiary)}.login-options{justify-content:space-between}.login-options,.login-remember{display:flex;align-items:center}.login-remember{gap:var(--space-2);font-size:13px;color:var(--text-secondary);cursor:pointer}.login-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.login-forgot{font-size:13px;color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.login-forgot:hover{color:var(--accent-hover)}.login-submit{width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--accent),#5a9cf6);color:white;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.login-submit:hover{box-shadow:0 4px 16px rgba(66,133,244,.4);transform:translateY(-1px)}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-divider{display:flex;align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:12px;margin:var(--space-2) 0}.login-divider__line{flex:1 1;height:1px;background:var(--border)}.login-footer{text-align:center;margin-top:var(--space-6);font-size:13px;color:var(--text-tertiary)}.login-error{padding:var(--space-3) var(--space-4);background:var(--error-bg);border:1px solid rgba(234,67,53,.2);border-radius:var(--radius-md);color:var(--error);font-size:13px;animation:fadeIn var(--transition-base) ease}