/* Splash/redirect page styles — loaded by AUTH_REDIRECT_HTML in spa/index.py */
*{margin:0;padding:0;box-sizing:border-box;}
body{
    background:#0f0f1a;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100vh;
    font-family:'Segoe UI',system-ui,sans-serif;
}
.splash{display:flex;align-items:center;gap:28px;}
img{height:144px;width:auto;mix-blend-mode:screen;filter:brightness(1.1);}
span{font-size:7.6rem;font-weight:700;color:#ffffff;letter-spacing:6px;line-height:1;}

/* Signed-out splash — replaces the centered logo+wordmark with a left-aligned
   message + sign-in button after the user signs out. */
.splash-signedout{display:flex;align-items:center;gap:32px;}
.splash-signedout img{height:96px;}
.splash-text{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#ffffff;}
.splash-title{font-size:2.4rem;font-weight:700;letter-spacing:2px;line-height:1;}
.splash-subtitle{font-size:1rem;color:#b0b8c8;max-width:380px;line-height:1.4;}
.splash-signin-btn{
    margin-top:8px;
    padding:12px 32px;
    font-size:1rem;
    font-weight:600;
    color:#0f0f1a;
    background:#7eb8ff;
    border:none;
    border-radius:6px;
    cursor:pointer;
    transition:background 120ms ease;
    font-family:inherit;
}
.splash-signin-btn:hover:not(:disabled){background:#9ec6ff;}
.splash-signin-btn:disabled{opacity:0.6;cursor:default;}