/*Login & register page */
 *{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
    body{min-height:100vh;background:radial-gradient(circle at top,#1b1b2f,#0f0f1a 70%);display:flex;align-items:center;justify-content:center;color:#fff}
    .login-wrapper{width:900px;max-width:95%;background:#161625;border-radius:14px;display:flex;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
    .poster{width:45%;background:url('https://images.unsplash.com/photo-1524985069026-dd778a71c7b4') center/cover no-repeat}
    .login-box{width:55%;padding:50px 45px}
    h2{font-size:28px;margin-bottom:6px}
    p{font-size:14px;color:#aaa;margin-bottom:25px}
    label{font-size:13px;color:#bbb;display:block;margin-bottom:6px}
    .input-group{margin-bottom:18px;position:relative}
    input{width:100%;padding:12px 40px 12px 14px;border-radius:8px;border:1px solid #333;background:#0f0f1a;color:#fff}
    .toggle{position:absolute;right:12px;top:68%;transform:translateY(-50%);cursor:pointer;color:#aaa}
    .forgot{text-align:right;font-size:12px;margin-bottom:20px}
    .forgot a{color:#aaa;text-decoration:none}
    .main{width:100%;background:#1f83ed;border:none;padding:14px;border-radius:10px;color:#fff;font-size:15px;cursor:pointer}
    .error{background:#ff2c5533;color:#ff6b6b;padding:10px;border-radius:8px;margin-bottom:15px;font-size:13px}
    .divider{display:flex;align-items:center;margin:22px 0;color:#777;font-size:12px}
    .divider::before,.divider::after{content:'';flex:1;height:1px;background:#333}
    .divider span{margin:0 10px}
    .social-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #333;background:#0f0f1a;color:#fff;padding:12px;border-radius:10px;margin-bottom:12px}
    .signup{text-align:center;font-size:13px;color:#aaa}
    .signup a{color:#1f83ed;text-decoration:none}
    @media(max-width:768px){.login-wrapper{flex-direction:column}.poster{width:100%;height:220px}.login-box{width:100%}}