.closing-section{position:relative;background:#151718 url('/learning-preview/closing-studio.webp') center bottom/cover no-repeat;padding-top:100px;scroll-margin-top:20px}
.closing-section::before{content:'';position:absolute;inset:-2px 0 auto;height:77px;background:linear-gradient(#17191a,transparent);pointer-events:none}
.closing-content{position:relative;text-align:center;padding-bottom:80px}
.closing-content h2{margin:0 auto 22px;font:400 clamp(44px,5.5vw,86px)/1.04 Anton,'Arial Narrow',sans-serif;letter-spacing:-.02em;text-transform:uppercase;max-width:1100px;text-wrap:balance}
.closing-intro{margin:0 auto;max-width:750px;font-size:19px;color:var(--cream)}
.closing-signup{max-width:640px;margin:42px auto 0}
.closing-signup h3{margin:0 0 7px;font-size:24px}
.closing-signup>p{margin:0 0 24px;font-size:17px}
.closing-email{display:flex;align-items:center;gap:18px;padding:0 23px;background:#f4eedc;color:#242824;border-radius:15px;min-height:64px;box-shadow:0 3px 15px #0002}
.closing-email input{width:100%;min-width:0;border:0;background:transparent;color:#242824;font:17px Kwizzle,Arial,sans-serif;padding:20px 0;outline:none;color-scheme:light}
.closing-email input::placeholder{color:#62655c;opacity:1}
.closing-email:focus-within{outline:3px solid var(--amber);outline-offset:4px}
.closing-submit{display:inline-flex;align-items:center;gap:13px;margin-top:12px;padding:12px 18px;min-height:48px;border:0;border-radius:4px;background:none;color:var(--cream);font:700 17px Kwizzle,Arial,sans-serif;cursor:pointer;text-underline-offset:5px}
.closing-submit:hover:not(:disabled){text-decoration:underline}
.closing-submit span{font-size:25px;line-height:1}
.closing-submit:disabled{opacity:.65;cursor:default}
.closing-status{margin:4px 0 0;font-size:13px;min-height:22px}
.closing-status.is-error{color:#ffb8ae}
.closing-status.is-success{color:#c4ead5}
.closing-sr-only,.closing-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.closing-footer{position:relative;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:25px 0 30px;border-top:1px solid #f4eedc45;font-size:12px}
.closing-footer .brand{font-size:25px;letter-spacing:-1px}
.closing-footer p{margin:0;padding-left:24px;border-left:1px solid #f4eedc45}
.closing-footer nav{display:flex;flex-wrap:wrap;gap:22px;margin-left:auto}
.closing-footer a:hover{color:var(--amber)}
/* Phones: players join a game rather than log in to the beta. */
.closing-footer .footer-join{display:none}
@media(max-width:700px){.closing-footer .footer-login{display:none}.closing-footer .footer-join{display:inline}}
.closing-footer small{font-size:11px;border-left:1px solid #f4eedc45;padding-left:24px}
@media(max-width:700px){.closing-section{padding-top:75px}.closing-content{padding-bottom:55px}.closing-intro{font-size:16px}.closing-signup{margin-top:32px}.closing-signup h3{font-size:21px}.closing-signup>p{font-size:15px}.closing-footer{justify-content:center;text-align:center;gap:18px}.closing-footer nav{margin:0;justify-content:center;width:100%;gap:14px}.closing-footer p,.closing-footer small{border:0;padding:0}.closing-footer p{width:100%}.closing-content h2{font-size:clamp(36px,8.7vw,58px)}}