main.app-login-main { padding: 0 !important; }
main.app-login-main > .mb-3 { position: fixed; top: 16px; left: 5%; right: 5%; z-index: 10; }
.google-login-shell { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 32px 24px; isolation: isolate; position: relative; overflow: hidden; }
.google-login-shell::before { content: ""; position: absolute; inset: -8px; z-index: -2; background: url('../img/unifei-campus-login.jpg') center / cover no-repeat; filter: blur(4px); transform: scale(1.015); }
.google-login-shell::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(135deg,rgba(15,38,64,.5),rgba(15,38,64,.18) 44%,rgba(244,248,250,.48)),rgba(244,247,250,.24); }
.google-login-panel { width: min(100%, 610px); padding: 48px; border: 1px solid #c3d3e0; border-top: 4px solid #23628f; border-left: 6px solid #feb103; border-radius: 14px; background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,250,253,.9)); box-shadow: 0 28px 70px rgba(9,25,43,.28); }
.google-login-logo { display: block; width: 96px; height: auto; margin: 0 auto 24px; }
.google-login-panel h1 { color: #173e61; font-size: 28px; font-weight: 800; text-align: center; margin-bottom: 16px; }
.google-login-panel p { color: #45627a; font-size: 14px; margin-bottom: 12px; }
.google-login-panel .btn { min-height: 44px; display: flex; align-items: center; justify-content: center; font-weight: 700; background: linear-gradient(110deg,#205d8b,#193c5c); border-color: #1c5077; }
@media(max-width: 600px) { .google-login-panel { padding: 32px 24px; } }