.login-container{width:100vw;min-height:100vh;font-family:var(--font-body);background:radial-gradient(circle at 10% 20%,#0d4f4f 0%,#0c1220 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg-glow{pointer-events:none;background:radial-gradient(circle,#e8a8381a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-10%;right:-10%}.login-bg-glow-2{pointer-events:none;background:radial-gradient(circle,#3dbfbf14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-10%;left:-10%}.login-card{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);z-index:10;text-align:center;background:#1620328c;border:1px solid #ffffff14;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:48px;animation:.8s cubic-bezier(.16,1,.3,1) cardSlideUp;display:flex;box-shadow:0 30px 60px #00000059}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{background:var(--primary-lighter);width:72px;height:72px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex;box-shadow:0 8px 20px #3dbfbf33}.login-logo svg{width:36px;height:36px}.login-header h1{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:1.85rem;font-weight:800}.login-header p{color:var(--muted);margin-bottom:36px;font-size:.9rem}.login-form{flex-direction:column;gap:24px;width:100%;display:flex}.input-container{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.input-container label{letter-spacing:.05em;text-transform:uppercase;color:#ffffffb3;font-size:.78rem;font-weight:700}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{border-radius:var(--radius-sm);color:#fff;width:100%;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;padding:14px 44px 14px 16px;font-size:1rem}.password-input-wrapper input:focus{border-color:var(--primary-light);background:#ffffff12;box-shadow:0 0 0 3px #3dbfbf26}.password-toggle-btn{color:var(--muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:14px}.password-toggle-btn:hover{color:#fff}.login-error{border-radius:var(--radius-sm);color:#ef4444;text-align:left;background:#ef44441a;border:1px solid #ef44444d;width:100%;padding:12px 16px;font-size:.85rem;font-weight:500;animation:.3s ease-out errorFadeIn}@keyframes errorFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-btn{background:var(--accent);color:#1a1400;border-radius:var(--radius-sm);width:100%;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 15px #e8a83840}.login-btn:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 25px #e8a83859}.login-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #1a140033;border-top-color:#1a1400;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}