.login-wrapper{display:grid;grid-template-columns:1fr 1fr;max-width:960px;margin:3rem auto;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #0003}.login-left,.login-right{padding:3rem 2.5rem}.login-left{background:linear-gradient(135deg,#007bff,#00bcd4);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.login-left h2{font-size:2rem;margin-bottom:1rem}.login-left p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.btn-register{background:#fff;color:#007bff;padding:.75rem 1.5rem;border-radius:30px;font-weight:600;text-decoration:none;transition:.3s ease}.btn-register:hover{background:#0056b3;color:#fff}.login-right{background:#fff}.login-right h2{font-size:2rem;color:#007bff;margin-bottom:1.5rem;text-align:center}.login-right form{display:flex;flex-direction:column}.login-right label{font-weight:500;margin-top:1rem;margin-bottom:.4rem}.login-right input{padding:10px;border:1.5px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s}.login-right input:focus{border-color:#007bff;outline:none}.form-remember{display:flex;align-items:center;gap:10px;margin:1.2rem 0 .5rem}.form-remember input[type=checkbox]{width:18px;height:18px;accent-color:#007bff;cursor:pointer}.form-remember label{font-size:.9rem;color:#444;cursor:pointer}.form-forgot{text-align:right;margin-bottom:1.2rem}.form-forgot a{color:#007bff;font-size:.9rem;text-decoration:none}.form-forgot a:hover{text-decoration:underline}.btn-login{padding:12px;background:#007bff;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:8px;transition:background .3s;cursor:pointer;margin-top:.5rem}.btn-login:hover{background:#0056b3}@media (max-width: 768px){.login-wrapper{grid-template-columns:1fr}.login-left{align-items:center;text-align:center}}