.login-container{background:linear-gradient(135deg,#000 0%,#0a0a0a 50%,#1a1a1a 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(26,26,26,.8);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:420px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp;box-shadow:0 20px 60px rgba(0,0,0,.8),0 8px 24px rgba(0,0,0,.4)}.logo-container-login{justify-content:center;margin-bottom:2rem;display:flex}.login-logo{filter:drop-shadow(0 4px 12px rgba(220,38,38,.3));width:auto;height:64px}.login-title{color:var(--foreground);text-align:center;letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem;font-weight:700}.login-subtitle{color:var(--foreground-tertiary);text-align:center;margin:0 0 2.5rem;font-size:1rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--foreground-secondary);letter-spacing:.01em;font-size:.875rem;font-weight:500}.password-input{width:100%;color:var(--foreground);background:rgba(42,42,42,.6);border:1px solid rgba(255,255,255,.1);border-radius:8px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.password-input::placeholder{color:var(--foreground-tertiary)}.password-input:focus{border-color:var(--accent-red);background:rgba(42,42,42,.8);box-shadow:0 0 0 3px rgba(220,38,38,.1)}.password-input:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#fca5a5;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;animation:.4s cubic-bezier(.16,1,.3,1) shake;display:flex}.error-icon{color:var(--accent-red);font-size:1.25rem}.login-button{background:linear-gradient(135deg,var(--accent-red)0%,var(--accent-red-dark)100%);color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.1);border-radius:100px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px rgba(220,38,38,.5),0 4px 12px rgba(0,0,0,.8),inset 0 1px rgba(255,255,255,.1)}.login-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-red-hover)0%,var(--accent-red)100%);border-color:rgba(255,255,255,.15);transform:translateY(-4px);box-shadow:0 16px 56px rgba(239,68,68,.6),0 8px 24px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.2)}.login-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px rgba(220,38,38,.5),0 4px 12px rgba(0,0,0,.8)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-button:disabled:before{display:none}.login-button .material-icons{font-size:1.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.login-button:hover:not(:disabled) .material-icons{transform:translate(4px)}.loading-spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.checking-auth{text-align:center;color:var(--foreground-tertiary);padding:2rem;font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}}