.loginContainer{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.loginBackground{z-index:0;position:absolute;inset:0}.blob{filter:blur(80px);background:radial-gradient(circle,#0070f31a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s infinite alternate move;position:absolute}.blob:nth-child(2){background:radial-gradient(circle,#7928ca1a 0%,#0000 70%);top:-200px;right:-200px}.blob:first-child{bottom:-200px;left:-200px}@keyframes move{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.loginCard{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:2rem;width:100%;max-width:420px;padding:3rem 2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:relative;box-shadow:0 20px 50px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loginHeader{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.logo{object-fit:contain;width:64px;height:64px;margin-bottom:.5rem}.title{letter-spacing:-.04em;font-size:2rem;font-weight:800}.subtitle{color:var(--text-secondary);opacity:.8;font-size:.95rem}.form{flex-direction:column;gap:1.25rem;display:flex}.inputGroup{flex-direction:column;gap:.5rem;display:flex}.label{color:var(--text-secondary);margin-left:4px;font-size:.85rem;font-weight:500}.inputWrapper{align-items:center;display:flex;position:relative}.input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem 1rem 1rem 3rem;transition:all .3s}.input:focus{background:#ffffff14;border-color:#0070f3;box-shadow:0 0 0 4px #0070f31a}.inputIcon{color:var(--text-tertiary);transition:all .3s;position:absolute;left:1.25rem}.inputWrapper:focus-within .inputIcon{color:#0070f3}.loginButton{color:#fff;background:linear-gradient(135deg,#0070f3,#7928ca);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 30px #0070f34d}.loginButton:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0070f380}.loginButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.divider{text-align:center;color:var(--text-tertiary);align-items:center;margin:.5rem 0;font-size:.75rem;font-weight:600;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.divider:not(:empty):before{margin-right:1rem}.divider:not(:empty):after{margin-left:1rem}.googleButton{color:#1f1f1f;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-weight:600;transition:all .3s;display:flex}.googleButton:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.errorBox{color:#ff3b30;background:#ff3b301a;border:1px solid #ff3b3033;border-radius:12px;align-items:center;gap:.75rem;padding:1rem;font-size:.85rem;display:flex}.footer{text-align:center;color:var(--text-tertiary);margin-top:1rem;font-size:.85rem}.footer a{color:#0070f3;font-weight:600;text-decoration:none}