.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.login-modal{width:80%;max-width:600px;padding:30px;box-shadow:0 6px 15px rgba(0,0,0,.3);border-radius:12px;background-color:#fff;transition:all .3s ease}h2{font-size:28px;margin-bottom:15px}.text-primary{color:#007bff;text-decoration:none}.text-primary:hover{text-decoration:underline}.social-login-buttons button{display:flex;align-items:center;justify-content:center;padding:15px;font-size:18px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.social-login-buttons .btn-light{background-color:#fff;color:#000;border:1px solid #ccc}.social-login-buttons .btn-light img{height:36px;width:36px;margin-right:12px}.social-login-buttons .btn-primary{background-color:#4267b2;color:#fff}.social-login-buttons .btn-primary img{height:36px;width:36px;margin-right:12px}.social-login-buttons button:hover{opacity:.8}.separator{display:flex;align-items:center;text-align:center;margin:20px 0}.separator hr{flex:1 1;border:none;border-top:1px solid #ccc;margin:0}.separator span{font-size:16px;color:#555;margin:0 15px}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:15px;border-radius:8px;font-size:18px;cursor:pointer}.btn-secondary:hover{opacity:.8}@media (max-width:768px){.login-modal{width:90%;max-width:400px;padding:20px}h2{font-size:24px}.social-login-buttons button{padding:12px;font-size:16px}.social-login-buttons .btn-light img,.social-login-buttons .btn-primary img{height:30px;width:30px}.separator span{font-size:14px}.btn-secondary{padding:12px;font-size:16px}}.social-login-buttons{margin-bottom:20px}.google-login-button{width:100%;height:50px;font-size:16px}