/* Shared by the welcome, admission and Telegram-widget screens only. */
body.login-screen{--login-blue:#54a9eb;--login-ink:#0b304a;background:var(--login-blue);color:var(--login-ink)}
body.login-screen{height:100dvh;overflow:hidden}
html:has(body.login-screen){zoom:1!important;overflow:hidden}
#auth.auth{width:100%;height:100vh;height:100dvh;min-height:0;margin:0;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;color:var(--login-ink)}
#auth[hidden]{display:none}
#auth .brand{justify-content:center;margin:0 0 28px;color:var(--login-ink)}
#auth .brand span{color:inherit}
#auth h1{max-width:800px;font-size:clamp(32px,4.5vw,48px);line-height:1.15;letter-spacing:-1px;margin:0 0 18px}
#auth p{max-width:42ch;font-size:20px;line-height:1.5;margin:0 0 22px;overflow-wrap:anywhere}
#auth .muted{font-size:14px;max-width:44ch;color:var(--login-ink);margin:24px 0 0}
#auth #login{min-height:60px;width:min(330px,100%);max-width:100%;font-size:20px;font-weight:600;padding:14px 20px;margin:0;background:var(--login-blue);color:var(--login-ink);border:2px solid currentColor;border-radius:8px}
#auth #login:hover{background:#77b9ed}
#auth button,#auth .auth-back{color:inherit;background:transparent;border:0;font-size:14px;min-height:44px;margin-top:6px;text-underline-offset:4px}
#auth :focus-visible{outline:3px solid var(--login-ink);outline-offset:4px}
.telegram-widget{display:flex;align-items:center;justify-content:center;width:min(330px,100%);min-height:64px;margin:4px 0}
.telegram-widget iframe{transform:scale(1.3);transform-origin:center;border-radius:24px;clip-path:inset(0 round 24px)}
@media(max-width:360px){.telegram-widget iframe{transform:scale(1.15)}#auth.auth{padding:24px 18px}}

/* Steve Kitt Club: original artwork, same two-color entry palette. */
#auth .club-logo{display:block;width:360px;height:auto;max-height:max(64px,calc(100dvh - 250px));max-width:min(360px,calc(100vw - 48px));flex-shrink:1;object-fit:contain;margin:0 0 12px}
.sidebar .brand{gap:8px}.sidebar .brand img{display:block;width:32px;height:32px;flex-shrink:0;object-fit:contain;border-radius:0;background:transparent}.sidebar .brand span{font-size:14px;line-height:1.15;white-space:normal}