.login-card{width:min(100%,520px);color:var(--theme-ink);background:var(--theme-white);border:4px solid var(--theme-ink);box-shadow:9px 9px 0 var(--theme-pink);padding:42px;position:relative}.login-card-mark{width:42px;height:42px;color:var(--theme-ink);background:var(--theme-gold);box-shadow:4px 4px 0 var(--theme-pink);place-items:center;margin-bottom:28px;font-size:1.3rem;display:grid}.login-eyebrow{color:var(--theme-ink);letter-spacing:.12em;margin:0 0 12px;font-size:.68rem;font-weight:900}.login-card h1{color:var(--theme-ink);letter-spacing:-.07em;margin:0 0 16px;font-size:clamp(2.4rem,7vw,4.6rem);line-height:.92}.login-intro{color:var(--theme-ink);margin:0 0 30px;line-height:1.6}.login-card form{gap:9px;display:grid}.login-card label{color:var(--theme-ink);letter-spacing:.06em;text-transform:uppercase;margin-top:9px;font-size:.7rem;font-weight:900}.login-card input{width:100%;color:var(--theme-ink);background:var(--theme-white);border:3px solid var(--theme-ink);font:inherit;border-radius:0;padding:14px 15px}.login-card input:focus{outline:3px solid var(--theme-ink);outline-offset:2px}.login-card button{color:var(--theme-ink);background:var(--theme-teal);border:3px solid var(--theme-ink);box-shadow:5px 5px 0 var(--theme-pink);cursor:pointer;font:inherit;justify-content:space-between;align-items:center;margin-top:19px;padding:15px 17px;font-weight:900;display:flex}.login-card button:hover{box-shadow:3px 3px 0 var(--theme-pink);transform:translate(2px,2px)}.form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.login-card .secondary-action{border-color:var(--theme-ink);color:var(--theme-ink);background:var(--theme-gold);justify-content:center}.login-card .discord-action{width:100%;color:var(--theme-ink);background:var(--theme-teal);border-color:var(--theme-ink);box-shadow:5px 5px 0 var(--theme-pink);justify-content:center;margin-top:18px}.login-card .secondary-action:hover:not(:disabled){color:var(--theme-ink);background:var(--theme-teal)}.form-error{color:var(--theme-ink);margin:10px 0 0;font-size:.78rem;font-weight:800}.form-hint{color:var(--theme-ink);margin:0;font-size:.75rem;font-weight:700}.mode-choice{text-align:center}.mode-choice h2{color:var(--theme-ink);margin:0 0 8px;font-size:1.35rem}.mode-choice p{color:var(--theme-ink);margin:0;font-size:.82rem;line-height:1.5}.mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.mode-buttons button{min-height:66px;color:var(--theme-ink);background:var(--theme-gold);border:3px solid var(--theme-ink);box-shadow:5px 5px 0 var(--theme-pink);text-align:center;justify-content:center;margin:0;padding:12px;display:block}.mode-buttons button:hover:not(:disabled){box-shadow:3px 3px 0 var(--theme-pink)}.login-card button:disabled{cursor:wait;opacity:.6}.login-back{color:var(--theme-ink);margin-top:27px;font-size:.76rem;font-weight:900;text-decoration:none;display:inline-block}.login-card:is([aria-labelledby=login-title],[aria-labelledby=mode-title]){box-sizing:border-box;background:var(--theme-pink-light);box-shadow:9px 9px 0 var(--theme-gold)}.login-card:is([aria-labelledby=login-title],[aria-labelledby=mode-title]) *{box-sizing:border-box}.login-card[aria-labelledby=mode-title] button,.login-card:is([aria-labelledby=login-title],[aria-labelledby=mode-title]) .login-card-mark{color:var(--theme-on-pink);background:var(--theme-pink);box-shadow:5px 5px 0 var(--theme-gold)}.login-card[aria-labelledby=mode-title] button:hover:not(:disabled){background:var(--theme-pink);box-shadow:3px 3px 0 var(--theme-gold)}.login-card[aria-labelledby=login-title]{background:var(--theme-pink)}.login-card[aria-labelledby=login-title] .login-card-mark{background:var(--theme-teal)}.login-card[aria-labelledby=login-title] button{color:var(--theme-ink);background:var(--theme-white);box-shadow:5px 5px 0 var(--theme-gold)}.login-card[aria-labelledby=login-title] button:hover:not(:disabled){background:var(--theme-white);box-shadow:3px 3px 0 var(--theme-gold)}.login-card[aria-labelledby=login-title] input{box-shadow:5px 5px 0 var(--theme-gold)}.login-card[aria-labelledby=login-title] button:disabled{color:var(--theme-brown);opacity:1}.login-card[aria-labelledby=login-title] .discord-action+form{margin-top:12px}@media (width<=520px){.login-card{padding:28px 22px}.login-card[aria-labelledby=key-title],.login-card[aria-labelledby=key-title] *{box-sizing:border-box}.mode-buttons,.form-actions{grid-template-columns:1fr}}.auth-page{align-content:center;justify-items:start;gap:26px;width:min(100% - 32px,680px);min-height:100vh;margin:0 auto;padding:32px 0;display:grid}.auth-wordmark{color:var(--theme-ink);letter-spacing:.13em;font-size:.8rem;font-weight:900;text-decoration:none}