.login-page{min-height:100vh;display:flex;flex-direction:column}
.login-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:25px 48px;border-bottom:1px solid var(--line)}
.back{font-size:12px;color:var(--muted);display:flex;gap:25px;align-items:center}
.back:hover{color:var(--lime)}
.back span{font-size:19px}
.login-layout{display:grid;grid-template-columns:1.06fr 1fr;flex:1;min-height:690px}
.login-showcase{position:relative;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(ellipse at center,rgba(255,220,118,.035),transparent 70%);display:flex;flex-direction:column}
.showcase-copy{position:relative;z-index:2;padding:45px 54px 0}
.showcase-copy .eyebrow{font-size:8px}
.showcase-copy h2{font:600 clamp(45px,5.5vw,75px)/.94 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-1px;text-transform:uppercase;margin-top:23px}
.showcase-copy h2>span{color:var(--lime)}
.showcase-copy p{font-size:12px;color:var(--muted);margin-top:17px}
.login-art{width:100%;max-height:440px;object-fit:contain;mix-blend-mode:lighten;margin-top:-15px;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.showcase-foot{display:flex;flex-direction:column;gap:10px;padding:0 54px 35px;margin-top:auto;font-size:10px;color:var(--muted)}
.showcase-foot .mono{font-size:8px;color:var(--dim)}
.login-form-area{display:flex;align-items:center;justify-content:center;padding:60px 48px}
.login-form-inner{width:100%;max-width:385px}
.login-emblem{width:47px;height:47px;border-radius:12px;background:rgba(255,220,118,.06);border:1px solid rgba(255,220,118,.2);display:grid;place-items:center;color:var(--lime);font-size:29px;margin-bottom:27px}
.login-form-inner>.eyebrow{font-size:8px}
.login-form-inner h1{font:500 42px/1.08 'Space Grotesk',sans-serif;letter-spacing:-2px;text-transform:none;margin:15px 0 18px;max-width:100%}
.sub{font-size:13px;line-height:1.8;color:var(--muted);max-width:340px}
.panel{margin-top:28px;padding:0}
.discord{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:53px;padding:12px 16px;border:1px solid transparent;border-radius:7px;color:#fff;background:#5865f2;font-size:13px;font-weight:600;transition:background .2s,transform .2s}
.discord svg{width:20px;height:20px;flex:none}
.discord:hover{background:#6874ff;transform:translateY(-2px)}
.note{font-size:10px;line-height:1.8;color:var(--dim);text-align:center;margin-top:21px}
.note a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.err{display:none;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(255,107,107,.35);border-radius:7px;color:#ffaeae;background:rgba(255,107,107,.07);font-size:12px;line-height:1.7}
.err.show{display:block}
.referral-status{padding:12px 14px;border:1px solid rgba(255,220,118,.25);border-radius:7px;background:rgba(255,220,118,.04);color:var(--lime);font-size:12px;line-height:1.7;margin-bottom:18px}
.referral-entry{margin-top:19px;border-block:1px solid var(--line)}
.referral-entry summary{padding:15px 0;font-size:11px;color:var(--muted);font-weight:400}
.referral-entry summary::after{content:'+';color:var(--lime);font-size:17px}
.referral-entry[open] summary::after{content:'−'}
.referral-entry label{display:block;margin:0 0 8px;font-size:11px;color:var(--muted)}
.referral-entry .fields{display:flex;gap:8px;margin-bottom:18px}
.referral-entry input{width:100%;min-width:0;padding:11px;border:1px solid var(--strong);border-radius:6px;background:var(--surface);color:var(--text);font:13px 'IBM Plex Mono',monospace}
.referral-entry input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.referral-entry button{border:0;border-radius:6px;background:var(--lime);color:var(--bg);padding:10px 18px;font-size:12px;font-weight:600;cursor:pointer}
.login-help{font-size:10px;line-height:1.7;text-align:center;color:var(--dim);margin-top:26px}
.login-assurance{display:flex;justify-content:center;gap:24px;border-top:1px solid var(--line);margin-top:27px;padding-top:20px;color:var(--dim);font-size:9px}
.login-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 48px;border-top:1px solid var(--line);color:var(--dim);font-size:10px}
.login-footer .mono{font-size:8px}
.login-footer a{color:var(--muted)}

@media(min-width:1600px){.login-layout{min-height:760px}
.showcase-copy{padding-top:70px}
.showcase-copy h2{font-size:90px}
.login-art{max-height:520px}
.login-form-inner{max-width:420px}
.login-form-inner h1{font-size:48px}
}

@media(max-width:1000px){.showcase-copy{padding:45px 30px 0}
.showcase-foot{padding-inline:30px}
.login-form-area{padding:45px 30px}
.login-form-inner h1{font-size:37px}
.showcase-copy h2{font-size:58px}
.login-layout{min-height:650px}
.login-assurance{gap:14px;font-size:8px}
}

@media(max-width:700px){.login-header{padding:20px 24px;min-height:82px}
.back{font-size:10px;gap:10px}
.login-layout{grid-template-columns:1fr;min-height:0;flex:1}
.login-showcase{display:none}
.login-form-area{padding:48px 26px 52px}
.login-form-inner{max-width:400px}
.login-form-inner h1{font-size:40px}
.login-form-inner>.eyebrow{font-size:8px}
.sub{font-size:12px}
.login-emblem{margin-bottom:24px}
.login-assurance{font-size:9px;gap:23px}
.login-footer{padding:22px 24px;font-size:9px;gap:15px}
.login-footer .mono{display:none}
}

@media(max-width:360px){.login-form-area{padding-inline:20px}
.login-form-inner h1{font-size:35px}
.login-assurance{font-size:8px;gap:15px}
}


/* The collector's table continues through authentication. */
.login-showcase{background:radial-gradient(ellipse at 55% 65%,rgba(139,98,193,.13),transparent 65%),linear-gradient(145deg,#ffdc7603,transparent);border-color:#b0b9d61c}
.showcase-copy .eyebrow{font-size:7px;letter-spacing:.12em}
.showcase-copy h2{font-size:clamp(52px,5.4vw,78px)}
.showcase-copy p{max-width:420px;font-size:12px}
.login-card-fan{position:relative;isolation:isolate;width:82%;max-width:500px;min-height:420px;align-self:center;perspective:1200px;margin-top:14px;margin-bottom:25px}
.login-card-fan::before{content:"";position:absolute;inset:60px 10px;border-radius:50%;border:1px solid #c9b0f523;transform:rotate(-12deg)}
.login-card-fan .chase-yugioh{left:0;top:20%;width:40%}
.login-card-fan .chase-onepiece{right:0;top:16%;width:40%}
.login-card-fan .chase-pokemon{left:27%;top:6%;width:45%}
.login-mini-cards{height:94px;width:135px;display:flex;align-items:center;position:relative;margin-bottom:27px}
.login-mini-cards img{position:absolute;width:51px;height:72px;object-fit:contain;border-radius:4px;box-shadow:0 6px 16px #0008}
.login-mini-cards img:nth-child(1){left:3px;top:12px;transform:rotate(-14deg)}
.login-mini-cards img:nth-child(2){left:39px;top:2px;transform:rotate(-3deg);z-index:2}
.login-mini-cards img:nth-child(3){left:76px;top:13px;transform:rotate(13deg)}
.login-form-inner h1{font-size:42px}
.login-form-area{background:radial-gradient(ellipse at 100% 100%,#c9b0f507,transparent 60%)}
.showcase-foot{margin-top:auto}
@media(min-width:1600px){.login-card-fan{max-width:580px;min-height:510px}}
@media(max-width:1000px){.login-card-fan{width:85%;min-height:360px}.login-form-inner h1{font-size:37px}.showcase-copy h2{font-size:57px}.showcase-copy .eyebrow{font-size:6px}.showcase-copy p{font-size:11px}}
@media(max-width:700px){.login-mini-cards{height:91px;margin-bottom:18px}.login-mini-cards img{width:58px;height:81px}.login-mini-cards img:nth-child(1){left:0;top:7px}.login-mini-cards img:nth-child(2){left:42px;top:0}.login-mini-cards img:nth-child(3){left:87px;top:9px}.login-form-area{padding-top:34px}.login-form-inner h1{font-size:39px}.login-form-inner>.eyebrow{font-size:8px}.login-help{margin-top:20px}.login-assurance{margin-top:22px}.login-form-area{padding-bottom:37px}}
@media(max-width:360px){.login-form-inner h1{font-size:35px}}