body {
 background:#1E90FF;
 font-family:Arial,sans-serif;
 color:white;
 display:flex;
 justify-content:center;
 align-items:center;
 height:100%;
 margin:0;
 text-align:center;
 margin-top:100px;
}

.login-box {
 background:rgba(255,255,255,0.1);
 padding:40px 50px;
 border-radius:15px;
 box-shadow:0 0 15px rgba(0,0,0,0.3);
 text-align:center;
 width:350px;
}

.login-box h2 {
 margin-bottom:25px;
 color:#fff;
}

.btn-google {
 background-color:#dd4b39;
 color:white;
 border:none;
 padding:12px 18px;
 border-radius:8px;
 font-size:16px;
 cursor:pointer;
}

.btn-google:hover {
 background-color:#c23321;
}

img.logo {
 width:80px;
 height:80px;
 margin-bottom:15px;
 border-radius:50%;
}

@media(max-width:768px) {
.login-box {
 width:100%;
 max-width:none;
 margin:0 20px;
 padding:30px 20px;
 box-sizing:border-box;
 border-radius:12px;
}
}