*{box-sizing:border-box;margin:0;padding:0}.login-container{max-width:400px;margin:50px auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.login-container h1{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#444}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-group input:focus{outline:0;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.2)}.login-button{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#388e3c}.form-footer{margin-top:15px;text-align:center}.form-footer a{color:#4caf50;text-decoration:none}.form-footer a:hover{text-decoration:underline}.social-login{margin-top:20px}.google-login-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 16px;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:500;color:#444;cursor:pointer;transition:background-color .3s}.google-login-button:hover{background-color:#f9f9f9}.google-icon{margin-right:10px;width:18px;height:18px}.separator{display:flex;align-items:center;text-align:center;margin:20px 0}.separator::after,.separator::before{content:'';flex:1;border-bottom:1px solid #ddd}.separator span{padding:0 10px;color:#777;font-size:14px}