.login-hero{align-items:center;background:linear-gradient(135deg,#fff,#f0f9ff,#e0f7fcaf);display:flex;min-height:100vh;padding:4rem 0}.login-form-container{background:#fff;border-radius:20px;box-shadow:0 15px 35px rgba(0,123,255,.1);padding:2.5rem;text-align:center}.login-form-container h2{color:#1a2a6c;font-size:2.2rem;margin-bottom:.5rem}.forgot-password{margin-bottom:1.5rem;text-align:right}.forgot-password a{color:#6c757d;font-size:.95rem;text-decoration:none;transition:all .2s ease}.forgot-password a:hover{color:#7c3aed;text-decoration:underline}.login-btn{background:linear-gradient(90deg,#06f,#6a11cb);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-btn:hover{background:linear-gradient(90deg,#0052cc,#5a0db0);box-shadow:0 7px 15px rgba(0,123,255,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.register-redirect{color:#6c757d;margin-top:1.5rem}.register-redirect a{color:#06f;font-weight:600;text-decoration:none;transition:all .2s ease}.register-redirect a:hover{color:#0047b3;text-decoration:underline}.form-group{margin-bottom:1.5rem;text-align:left}.form-group input{border:1px solid #e0e0e0;border-radius:50px;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#06f;box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.error-alert{background:#ffecec;border-left:4px solid #ff4d4d;border-radius:10px;color:#ff4d4d;margin-bottom:1.5rem;padding:1rem}@media (max-width:768px){.login-hero{padding:2rem 0}.login-hero .container{max-width:100%;padding-left:16px;padding-right:16px}.login-form-container{padding:1.5rem 1rem}.login-form-container h2{font-size:1.6rem}}