.login-container{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-blob{filter:blur(120px);z-index:0;border-radius:50%;animation:8s ease-in-out infinite alternate pulse;position:absolute}.blob-blue{background:#3b82f64d;width:40%;height:40%;top:-10%;left:-10%}.blob-purple{background:#8b5cf633;width:50%;height:50%;animation-duration:10s;animation-delay:2s;bottom:-10%;right:-10%}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.login-wrapper{z-index:10;width:100%;max-width:420px;padding:2rem;position:relative}.login-card{padding:2.5rem;position:relative;overflow:hidden}.login-card:before{content:"";z-index:-1;background:linear-gradient(135deg,#3b82f61a 0%,#0000 50%,#8b5cf61a 100%);position:absolute;inset:0}.login-header{text-align:center;margin-bottom:2.5rem}.logo-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 8px 16px #3b82f64d}.logo-icon svg{color:#fff;width:32px;height:32px}.title{letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.subtitle{color:#fff9;font-size:.875rem;font-weight:500}.login-form{flex-direction:column;gap:1.5rem;display:flex}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef444480;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;animation:.3s ease-out slideIn;display:flex}.error-message svg{flex-shrink:0;width:20px;height:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-left:.25rem;font-size:.75rem;font-weight:600;transition:color .2s}.input-group:focus-within label{color:var(--accent-primary)}.input-wrapper{position:relative}.input-icon{pointer-events:none;justify-content:center;align-items:center;width:3rem;display:flex;position:absolute;top:0;bottom:0;left:0}.input-icon svg{color:#fff6;width:20px;height:20px;transition:color .2s}.input-group:focus-within .input-icon svg{color:var(--accent-primary)}.input-wrapper input{border:1px solid var(--glass-border);color:#fff;background:#0006;border-radius:12px;width:100%;padding:.875rem 1rem .875rem 3rem;font-family:inherit;font-size:.875rem;transition:all .3s}.input-wrapper input:hover{background:#0009}.input-wrapper input:focus{background:#0009;border-color:#3b82f680;outline:none;box-shadow:0 0 0 2px #3b82f640}.submit-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f64d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #3b82f680}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.submit-btn:hover:after{left:150%}.loading-content{justify-content:center;align-items:center;gap:.5rem;display:flex}.spinner{width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer-text{text-align:center;color:#fff6;margin-top:2rem;font-size:.75rem}