/* Based on the former portal's server/router.php login card. */
body.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 0;background:#202020;color:#fff}
.login-card{position:relative;width:min(90vw,33rem);min-width:0;margin:0;overflow:hidden;padding:2rem;border:1px solid #555;border-radius:1rem;background:transparent}
.login-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#9acd4b 0 20%,#7953b7 20% 40%,#f39daa 40% 60%,#88cfdb 60% 80%,#f5b817 80% 100%)}
.login-brand{display:block;width:11rem;max-width:100%;height:auto;margin:0 0 32px}
.login-card h1{font-size:28px;line-height:1.2;margin:0 0 12px;letter-spacing:-.4px}
.login-intro{margin:0;color:#dededc;line-height:1.6}
.login-card form{margin:0;display:block}
.login-card .login-google{display:block;width:100%;min-height:48px;margin:24px 0 0;padding:.8rem 1.2rem;border:0;border-radius:.4rem;background:#9acd4b;color:#101010;font:700 1rem Barlow,system-ui,sans-serif;line-height:1.4}
.login-google:not(:disabled):hover{background:#acd969}
.login-google:focus-visible{outline:2px solid #fff;outline-offset:4px}
.login-access{margin:20px 0 0;color:#bcbcb9;font-size:14px;line-height:1.5;text-align:center}
.login-notice{margin:16px 0 0;font-size:14px;line-height:1.6;color:#bcbcb9}
@media(max-width:400px){.login-card{padding:1.5rem}.login-card h1{font-size:26px}}