.login-wrapper{background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 0%, var(--accent-red-glow) 0%, transparent 50%), linear-gradient(#0a0a0ce6, #0a0a0ce6);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{flex-direction:column;gap:1.5rem;width:100%;max-width:420px;padding:2.5rem;display:flex;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-red), transparent);height:3px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;margin-bottom:1rem}.login-logo{letter-spacing:2px;color:var(--text-main);margin-bottom:.5rem;font-size:2rem;font-weight:800}.login-subtitle{color:var(--text-secondary);font-size:.9rem}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:500}.input-field{border:1px solid var(--border-subtle);color:var(--text-main);background-color:#ffffff08;border-radius:6px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px var(--accent-red-glow);background-color:#ffffff0d}.login-btn{background:linear-gradient(135deg, var(--accent-red), #990f17);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:6px;margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:700;transition:all .2s}.login-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 15px var(--accent-red-glow);transform:translateY(-1px)}.login-btn:disabled{background:var(--border-subtle);color:var(--text-muted);cursor:not-allowed}.error-message{border-left:3px solid var(--accent-red);color:var(--accent-red);background-color:#ff3b301a;border-radius:4px;padding:.75rem 1rem;font-size:.85rem}.loader{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}