/* Login-only styling: one consistent navy identity from launch to sign-in. */
.signin-page { background:#102536; font-weight:400; }
.signin-page::before, .signin-page::after { display:none; }
.signin-page .login-wrap { min-height:100svh; padding:32px 20px; background:radial-gradient(ellipse at 50% 35%,#203e50 0%,#102536 65%); }
.signin-page .login-card { width:420px; max-width:100%; padding:38px 34px 34px; border-radius:24px; background:#fbfcfd; border:1px solid #ffffff66; box-shadow:0 24px 70px #07162140; animation:none; }
.signin-page .brand-lockup { position:relative; z-index:4; margin:0; justify-content:center; font-family:"DM Sans","Segoe UI",sans-serif; font-size:28px; line-height:1.2; font-weight:700; letter-spacing:.02em; color:#102536; transform-origin:center; }
.signin-page .brand-lockup > span { color:inherit; animation:none; text-shadow:inherit; }
.signin-page .brand-lockup::after { display:none; }
.login-subtitle { margin:12px 0 30px; text-align:center; color:#76828c; font-size:12px; line-height:1.5; }
.signin-page #loginForm { border-top:1px solid #e4e9ed; padding-top:24px; }
.signin-page #loginForm h2 { margin:0 0 5px; font-size:20px; font-weight:600; color:#183548; letter-spacing:-.02em; }
.login-help { margin:0 0 22px; color:#76828c; font-size:14px; }
.login-arrival { display:none; }
.login-intro-active .login-arrival { display:block; position:fixed; inset:0; z-index:3; background:#102536; pointer-events:none; }
.login-intro-active #loginBrand { color:#f5f9fc; }
.login-intro-active #loginForm, .login-intro-active .login-subtitle { opacity:0; }
@media(max-width:480px) { .signin-page .login-card { padding:30px 24px; border-radius:20px; } .signin-page .brand-lockup { font-size:26px; } }
@media(prefers-reduced-motion:reduce) { .login-arrival { display:none !important; } .signin-page .login-card { animation:none; } }

.signin-page .login-wrap{background:radial-gradient(ellipse at 50% 30%,#1d4c53 0%,#102536 70%);box-sizing:border-box}.signin-page .login-card{box-sizing:border-box;width:400px;background:#f8fbfb;border:1px solid #bed5d433;border-radius:20px;padding:42px 28px 30px}.signin-page #loginForm{text-align:center;border-top:1px solid #d8e6e5;padding-top:24px}.signin-page #loginForm h2{font-size:18px;color:#244e56}.login-subtitle{color:#536c74;letter-spacing:.06em;font-size:12px;margin-bottom:26px}.signin-page #googleLoginStatus{font-size:13px;color:#49646c;line-height:1.5}.signin-page #googleLoginStatus:empty{display:none}.signin-page #retryGoogleLogin{background:#176b70;color:white;border:0;border-radius:9px;padding:12px 20px}.signin-page #googleSignInButton{min-height:44px}@media(max-width:380px){.signin-page .login-wrap{padding:20px 12px}.signin-page .login-card{padding:32px 18px}}

/* Keep the installed launch surface and safe areas the same navy. */
html:has(body.signin-page){background:#102536;color-scheme:light}.signin-page{margin:0;background:#102536;min-height:100dvh}.signin-page .login-wrap{background:#102536;min-height:100dvh;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.signin-page .login-card{box-shadow:0 24px 80px #06182066,0 0 70px #2a7b791a}.signin-page .login-subtitle{letter-spacing:.01em;font-size:13px;color:#526c74}

/* Unboxed sign-in: brand, quote and the standard Google control. */
.signin-page .login-card{background:transparent;border:0;box-shadow:none;border-radius:0;width:440px;padding:32px 12px}.signin-page .brand-lockup{color:#f2fbfb;font-family:"Syne","DM Sans",sans-serif;font-size:clamp(30px,8vw,42px);font-weight:800;letter-spacing:-.03em;text-shadow:0 0 24px #71d6ce44}.signin-page .login-subtitle{color:#b8d4d8;font-size:14px;margin:14px 0 30px}.signin-page #loginForm{border:0;padding-top:0}.signin-page #loginForm h2{display:none}.signin-page #googleSignInButton{width:fit-content;max-width:100%;margin:0 auto;border-radius:24px;box-shadow:0 0 0 1px #70c9c555,0 0 24px #50c8be33}.signin-page #googleLoginStatus{color:#c2dce0}.signin-page #msg{background:#452c36;color:#ffe5e8;border:1px solid #945366}.signin-page #retryGoogleLogin{box-shadow:0 0 18px #50c8be33}

/* Soft moving color clouds; the Google control has no surrounding glow. */
.signin-page{isolation:isolate;overflow-x:hidden}.signin-page .login-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#102536}.login-atmosphere span{position:absolute;width:65vmax;height:65vmax;max-width:950px;max-height:950px;border-radius:50%;filter:blur(65px);opacity:.35;will-change:transform;animation:neo-cloud-drift 22s ease-in-out infinite alternate;background:radial-gradient(ellipse,#258d9e 0%,#258d9e00 66%);left:-25%;top:-25%}.login-atmosphere span:nth-child(2){background:radial-gradient(ellipse,#6855b5 0%,#6855b500 67%);left:45%;top:20%;animation-delay:-9s;animation-duration:28s}.login-atmosphere span:nth-child(3){background:radial-gradient(ellipse,#ad528c 0%,#ad528c00 65%);left:0;top:55%;opacity:.22;animation-delay:-16s;animation-duration:32s}.signin-page .login-wrap{background:transparent}.signin-page #googleSignInButton{box-shadow:none;border-radius:0}.signin-page .brand-lockup{text-shadow:none}.signin-page #retryGoogleLogin{box-shadow:none}@keyframes neo-cloud-drift{from{transform:translate3d(-3%,-4%,0) scale(.9)}to{transform:translate3d(12%,9%,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){.login-atmosphere span{animation:none;will-change:auto}}