body:has(.private-entry){margin:0;background:#050607;color:#e9eaec;color-scheme:dark}
.private-entry{min-height:100svh;box-sizing:border-box;padding:32px 5vw 24px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:radial-gradient(ellipse at 25% 42%,#151719 0%,#090a0b 40%,#050607 75%);display:flex;flex-direction:column;isolation:isolate}
.entry-top,.entry-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.16em;font-weight:600;color:#90969c}
.entry-top{padding-bottom:25px;border-bottom:1px solid #25282b}.entry-private{display:flex;gap:9px;align-items:center}.entry-private i{height:5px;width:5px;background:#abc4db;border-radius:50%;box-shadow:0 0 9px #abc4db55}
.entry-main{flex:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);align-items:center;gap:8vw;max-width:1440px;width:100%;margin:70px auto 80px}
.entry-eyebrow{color:#868e95;font-size:10px;font-weight:500;letter-spacing:.16em;margin:0 0 26px}.entry-wordmark{width:100%;aspect-ratio:4.8;background:linear-gradient(178deg,#fafbfc 0%,#b9bec5 32%,#f8fafc 46%,#858d98 49%,#d1d7de 62%,#616975 100%);mask:url('brand/league-him-wordmark.png') center/contain no-repeat;mask-mode:luminance;filter:drop-shadow(0 2px 0 #000);}
.entry-rule{margin-top:28px;padding-top:17px;border-top:1px solid #34383d;display:flex;justify-content:space-between;gap:16px;color:#747c85;font-size:9px;letter-spacing:.13em;font-weight:600}
.entry-panel{padding:32px;background:linear-gradient(145deg,#151719b0,#0b0c0ed9);border:1px solid #303438;box-shadow:0 24px 70px #0005;border-radius:3px;max-width:420px;width:100%;box-sizing:border-box;justify-self:end}
.entry-panel-top{display:flex;align-items:center;gap:10px;color:#929aa3;font-size:9px;letter-spacing:.15em}.entry-panel-top span:last-child{margin-left:auto;color:#606972;font-variant-numeric:tabular-nums}
.entry-panel h1{font-size:30px;line-height:1.15;letter-spacing:-1px;color:#f0f1f3;font-weight:550;margin:28px 0 9px}.entry-intro{font-size:13px;color:#9199a2;margin:0 0 30px}
#private-login label{display:block;font-size:11px;font-weight:500;color:#b7bec6;margin:18px 0 8px;letter-spacing:.015em}#private-login input{box-sizing:border-box;width:100%;height:47px;background:#08090b;border:1px solid #343940;border-radius:3px;color:#f3f4f5;padding:0 13px;font:inherit;font-size:13px;outline:none}#private-login input::placeholder{color:#727b85}#private-login input:focus{border-color:#abc4db;box-shadow:0 0 0 2px #abc4db22}
#entry-error{font-size:12px;line-height:1.5;color:#f1a5a5;min-height:0;margin:12px 0}#entry-error:empty{display:none}#private-login button{width:100%;margin-top:24px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e4e7eb;border-radius:3px;background:linear-gradient(#e8ebee,#b8bec6);color:#15191d;font:inherit;font-weight:650;font-size:12px;cursor:pointer;transition:filter .18s,transform .18s}#private-login button:hover{filter:brightness(1.12)}#private-login button:active{transform:translateY(1px)}#private-login button:focus-visible{outline:2px solid #abc4db;outline-offset:4px}#private-login button:disabled{opacity:.6;cursor:wait}
.entry-invite{font-size:11px;line-height:1.65;color:#858e98;margin:23px 0 0;max-width:250px}.entry-footer{font-size:8px;letter-spacing:.13em;border-top:1px solid #24272b;padding-top:22px;color:#78818b}.entry-footer b{font-weight:400;padding:0 8px;color:#b6bdc5}
@media(max-width:800px){.private-entry{padding:24px}.entry-main{grid-template-columns:1fr;gap:40px;margin:55px auto;max-width:500px}.entry-panel{justify-self:center;max-width:none}.entry-eyebrow{font-size:8px}.entry-rule{margin-top:16px}.entry-footer span:last-child{display:none}.entry-panel h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){#private-login button{transition:none}}

.entry-panel-top{margin-bottom:26px}#private-login input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #08090b inset;-webkit-text-fill-color:#f3f4f5;caret-color:#f3f4f5}

.entry-top{justify-content:flex-end}.entry-top,.entry-panel-top,.entry-rule,.entry-footer{letter-spacing:0;font-size:11px;font-weight:500}.entry-panel-top span:last-child{margin-left:0;color:#aeb6bf}.entry-rule{color:#949da6}.entry-footer{color:#949da6}
/* Fine brushed finish, confined to the private entrance. */
.private-entry{position:relative}
.private-entry::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(210,218,227,.022) 2px,transparent 3px),repeating-linear-gradient(97deg,transparent 0px,transparent 17px,rgba(210,218,227,.012) 18px,transparent 19px);mask-image:radial-gradient(ellipse at 34% 42%,#000 0%,rgba(0,0,0,.6) 55%,transparent 100%)}
/* Tonal camouflage and polished chrome. */
.entry-top,.entry-rule,.entry-footer{border:0}
.private-entry{background:#050505}
.private-entry::before{background:url('black-camo.svg?v=2') center/cover no-repeat;mask-image:linear-gradient(110deg,#000,rgba(0,0,0,.75));opacity:.85}
.entry-wordmark{mask-image:url('brand/league-him-wordmark.png');mask-size:contain;mask-mode:luminance;background:linear-gradient(176deg,#fff 0%,#e5e9ef 20%,#8a919d 39%,#fff 46%,#fff 48%,#424953 50%,#bac4d0 56%,#fff 65%,#dfe5ed 80%,#727d8b 100%);filter:drop-shadow(0 1px 0 #fff5) drop-shadow(0 3px 3px #000)}
/* Centered entrance: a single axis from wordmark to sign-in. */
.private-entry{padding:26px 40px 22px}
.entry-top,.entry-footer{width:100%;max-width:1280px;box-sizing:border-box;margin-inline:auto}
.entry-top{padding-bottom:0;min-height:20px}
.entry-main{display:flex;flex-direction:column;justify-content:center;gap:30px;width:100%;max-width:760px;margin:36px auto;flex:1}
.entry-brand{width:min(100%,620px);text-align:center}
.entry-rule{justify-content:center;margin-top:12px;padding-top:0;font-size:11px}
.entry-panel{width:320px;max-width:100%;padding:22px 24px;background:linear-gradient(145deg,#111214d9,#090a0be6);border-color:#ffffff13;box-shadow:0 14px 45px #0003;border-radius:5px}
.entry-panel-top{justify-content:center;margin-bottom:18px;font-size:11px}
.entry-panel-top svg{width:14px;height:16px}
#private-login label{font-size:11px;margin:12px 0 6px}
#private-login input{height:40px;font-size:13px}
#private-login button{margin-top:18px;min-height:40px;padding:10px 12px}
.entry-invite{font-size:10px;line-height:1.5;text-align:center;margin:16px 0 0;max-width:none}
.entry-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;padding-top:0;font-size:10px;line-height:1.5}
.entry-footer span:last-child{text-align:right}
@media(max-width:800px){.private-entry{padding:22px 24px}.entry-main{margin:32px auto;gap:28px}.entry-brand{max-width:540px}.entry-panel{max-width:320px}.entry-footer{grid-template-columns:1fr;text-align:center;gap:5px}.entry-footer span:last-child{display:block;text-align:center}.entry-footer span:first-child{display:none}}
@media(max-width:420px){.entry-main{gap:24px}.entry-panel{padding:20px;width:100%}.entry-rule{margin-top:10px}}
/* Discreet sign-in with comfortable input targets. */
.entry-panel{width:288px;padding:18px 20px;border-color:#ffffff0c;background:linear-gradient(145deg,#101113b3,#090a0bd9);box-shadow:0 10px 30px #0002}
.entry-panel-top{margin-bottom:12px;font-size:10px}
#private-login label{margin-top:10px}
#private-login button{margin-top:14px}
.entry-invite{margin-top:12px}
@media(max-width:800px){.entry-panel{max-width:288px}}
@media(max-width:420px){.entry-panel{width:100%;padding:18px 20px}}
/* Essential controls only; accessible field names remain in the markup. */
.entry-panel{padding:0;border:0;background:none;box-shadow:none}
#private-login{display:grid;gap:12px}
#private-login input{background:#090a0be6}
#private-login button{margin-top:2px}
#entry-error{margin:0}
.entry-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 24px;text-align:center}
.entry-footer span:first-child{display:inline}
.entry-footer span:last-child{text-align:center}
@media(max-width:420px){.entry-panel{padding:0}}
/* Two fields and one quiet submit control. */
#private-login{grid-template-columns:minmax(0,1fr) 40px;gap:10px}
#entry-email{grid-column:1/-1}
#entry-password{grid-column:1;grid-row:2}
#private-login button{grid-column:2;grid-row:2;width:40px;height:40px;min-height:40px;margin:0;padding:0;justify-content:center;background:#ffffff0a;border:1px solid #ffffff24;color:#d8dce1;font-size:20px;font-weight:400}
#private-login button span:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#private-login button:hover{background:#ffffff18}
#private-login button:disabled{opacity:.45}
#entry-error{grid-column:1/-1;grid-row:3}
/* Open fields, without enclosing boxes. */
#private-login input{background:transparent;border:0;border-bottom:1px solid #ffffff30;border-radius:0;padding:0 2px;box-shadow:none}
#private-login input:focus{border-color:#d5dbe2;box-shadow:none}
#private-login input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #090909 inset;-webkit-text-fill-color:#f3f4f5}
#private-login button{background:transparent;border:0;border-radius:0}
#private-login button:hover{background:transparent;color:#fff}
/* Soft translucent fields. */
#private-login input{background:rgba(220,230,242,.065);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:0 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#private-login input:focus{background:rgba(220,230,242,.10);border-color:rgba(220,230,242,.35);box-shadow:0 0 0 2px rgba(220,230,242,.04)}
#private-login input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #17191b inset;-webkit-text-fill-color:#f3f4f5;border-radius:22px}
/* Translucent glass with a restrained upper highlight. */
#private-login input{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 48%,rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);border-top-color:rgba(255,255,255,.23);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 4px 12px rgba(0,0,0,.35);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#private-login input:focus{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 48%,rgba(255,255,255,.055));border-color:rgba(210,225,241,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 14px rgba(0,0,0,.4),0 0 0 2px rgba(210,225,241,.04)}

/* Floating glass controls, with one consistent polished finish. */
#private-login input,#private-login button{background:linear-gradient(175deg,rgba(255,255,255,.19) 0%,rgba(255,255,255,.075) 37%,rgba(255,255,255,.025) 54%,rgba(255,255,255,.065) 100%);border:1px solid rgba(255,255,255,.17);border-top-color:rgba(255,255,255,.34);border-bottom-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 1px rgba(255,255,255,.14),inset 0 -1px 1px rgba(255,255,255,.035),0 7px 14px rgba(0,0,0,.5),0 2px 3px rgba(0,0,0,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#private-login input:focus{background:linear-gradient(175deg,rgba(255,255,255,.22),rgba(255,255,255,.05) 54%,rgba(255,255,255,.08));border-color:rgba(206,224,244,.5);box-shadow:inset 0 1px 1px #ffffff25,0 7px 14px #0008,0 0 0 2px #bfd9f014}
#private-login button{border-radius:50%;color:#e7edf4;filter:none}
#private-login button svg{display:block;flex:none}
#private-login button:hover{background:linear-gradient(175deg,#ffffff38,#ffffff12 54%,#ffffff20);border-color:#ffffff60;color:#fff;filter:none}
#private-login button:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #ffffff20,0 3px 8px #0007}