body{min-height:100vh;font-family:'Poppins',sans-serif;background-color:#f5f7fa;display:flex;align-items:center;justify-content:center;padding:20px;background-size:cover;background-position:center;background-attachment:fixed;position:relative}.login-container{width:100%;max-width:420px}.login-card{padding:2.5rem;background:#fff;border-radius:16px;border:1px solid #e0e0e0;box-shadow:0 8px 32px rgb(0 0 0 / .1);animation:fadeIn 0.6s ease-out forwards;transition:box-shadow 0.3s,transform 0.3s}.login-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgb(0 0 0 / .15)}.login-logo{text-align:center;margin-bottom:2rem}.login-logo img{height:60px;margin-bottom:1rem}.login-logo h2{color:var(--dark-color);font-weight:700;margin-bottom:.5rem}.login-logo p{color:var(--gray-color);font-size:.9rem}.btn-login{background:var(--gradient-primary);border:none;color:#fff;height:48px;letter-spacing:.5px;text-transform:uppercase;font-size:.9rem;width:100%;margin-top:.5rem}.btn-login:hover{background:linear-gradient(135deg,#e67c25 0%,#e74c3c 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgb(254 138 46 / .3)}.form-options{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;font-size:.9rem}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--gray-color);font-size:.8rem}.divider::before,.divider::after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider::before{margin-right:1rem}.divider::after{margin-left:1rem}.btn-google{background-color:#db4437}.btn-facebook{background-color:#4267B2}.btn-twitter{background-color:#1DA1F2}.login-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--gray-color)}.login-footer a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color 0.2s}.login-footer a:hover{color:var(--dark-color);text-decoration:underline}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gray-color);z-index:5;transition:color 0.3s;cursor:pointer}.password-toggle:hover{color:var(--primary-color)}@media (max-width:576px){.login-card{padding:1.5rem}.login-logo img{height:50px}}