.login-page{color:#fff;background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-loading{color:#999;font-size:16px}.login-card{background:#111;border:2px solid #ca2715;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 0 40px #ca271533}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#ca2715;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:28px;font-weight:900}.login-header p{color:#999;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{color:#ff6b6b;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:12px 16px;font-size:14px}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:#999;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.form-field input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.form-field input:focus{border-color:#ca2715}.form-field input::placeholder{color:#555}.login-btn{color:#fff;cursor:pointer;background:#ca2715;border:none;border-radius:8px;margin-top:4px;padding:14px;font-size:16px;font-weight:700;transition:background .2s}.login-btn:hover:not(:disabled){background:#e03020}.login-btn:disabled{opacity:.6;cursor:not-allowed}