.login-section{padding:50px 20px;display:flex;justify-content:center;align-items:center;max-width:60%;margin:auto}.login-section .container{background-color:#fae5fd;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:30px}.login-title{text-align:center;color:#6a1b9a;margin-bottom:30px;font-weight:700}.form-group{margin-bottom:20px}label{display:block;font-size:14px;margin-bottom:5px;color:#333}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.form-control:focus{border-color:#6a1b9a;box-shadow:0 0 5px rgba(106,27,154,.3);outline:none}.forgot-password{display:block;text-align:right;margin-top:5px;font-size:12px;color:#6a1b9a;text-decoration:none}.forgot-password:hover{text-decoration:underline}.buttons-container{display:flex;margin-top:20px;gap:20px;align-items:center}.login-button,.register-button{padding:10px 20px;font-size:14px;border:none;text-decoration:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-button{background-color:#6a1b9a;color:#fff}.login-button:hover{background-color:#4a0072}.register-button{background-color:#fbc02d;color:#fff}.register-button:hover{background-color:#f9a825}.social-login{text-align:center;margin-top:30px}.social-buttons{display:flex;justify-content:center;gap:15px}.facebook-button,.google-button{padding:10px 20px;font-size:14px;border:none;border-radius:20px;color:#fff;cursor:pointer;transition:background-color .3s ease}.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{padding:40px 0;max-width:100%}.login-section .container{box-shadow:none;padding:10px;justify-content:space-between}.buttons-container{margin-bottom:1rem}.form-group{margin-bottom:10px}}