.login-section{justify-content:center;align-items:center;max-width:60%;margin:auto;padding:50px 20px;display:flex}.login-section .container{background-color:#fae5fd;border-radius:10px;padding:30px;box-shadow:0 4px 8px #0000001a}.login-title{text-align:center;color:#6a1b9a;margin-bottom:30px;font-weight:700}.form-group{margin-bottom:20px}label{color:#333;margin-bottom:5px;font-size:14px;display:block}.form-control{border:1px solid #ddd;border-radius:5px;width:100%;padding:10px;font-size:14px}.form-control:focus{border-color:#6a1b9a;outline:none;box-shadow:0 0 5px #6a1b9a4d}.forgot-password{text-align:right;color:#6a1b9a;margin-top:5px;font-size:12px;text-decoration:none;display:block}.forgot-password:hover{text-decoration:underline}.buttons-container{align-items:center;gap:20px;margin-top:20px;display:flex}.login-button,.register-button{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-size:14px;text-decoration:none;transition:background-color .3s}.login-button{color:#fff;background-color:#6a1b9a}.login-button:hover{background-color:#4a0072}.register-button{color:#fff;background-color:#fbc02d}.register-button:hover{background-color:#f9a825}.social-login{text-align:center;margin-top:30px}.social-buttons{justify-content:center;gap:15px;display:flex}.google-button,.facebook-button{color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:14px;transition:background-color .3s}.google-button{background-color:#db4437}.google-button:hover{background-color:#c23321}.facebook-button{background-color:#4267b2}.facebook-button:hover{background-color:#365899}.login-form input{border:1px solid orange}@media only screen and (max-width:768px){.login-section{max-width:100%;padding:40px 0}.login-section .container{box-shadow:none;justify-content:space-between;padding:10px}.buttons-container{margin-bottom:1rem}.form-group{margin-bottom:10px}}