:root{color-scheme:dark;--bg:#0a0e16;--fg:#f9fbff;--muted:#9aa7bc;--red:#ff4d67;--blue:#30adfb}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{min-height:100svh;overflow-x:hidden;position:relative}
.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.35}
.ambient-red{width:min(56vw,520px);height:min(56vw,520px);background:#8f253c;top:-220px;left:-220px}
.ambient-blue{width:min(60vw,560px);height:min(60vw,560px);background:#134b75;right:-250px;bottom:-290px}
.screen{position:relative;z-index:1;isolation:isolate;min-height:100svh;max-width:1200px;margin:0 auto;padding:24px clamp(22px,5vw,64px);display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.brand{display:inline-flex;align-items:center;gap:13px;justify-self:start;white-space:nowrap}
.brand-badge{width:37px;height:43px;display:grid;place-items:center;font-size:13px;font-weight:950;font-style:italic;border:2px solid var(--red);transform:skew(-10deg)}
.brand-wordmark{font-size:20px;letter-spacing:-.8px;font-weight:1000;line-height:1}
.brand-wordmark span{color:var(--red)}
.hero{align-self:center;justify-self:center;width:min(100%,680px);text-align:center;padding:28px 0 52px}
.eyebrow{font-size:11px;letter-spacing:3.2px;font-weight:800;color:#c8d2e4;display:inline-flex;align-items:center;gap:9px}
.live-dot{height:7px;width:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #ff4d6724}
h1{font-size:clamp(44px,7.2vw,90px);line-height:.99;letter-spacing:-.07em;font-weight:1000;margin:26px 0 21px}
h1 span{color:var(--red)}
p{font-size:clamp(15px,2vw,18px);color:#c4cede;line-height:1.55;margin:0 0 38px}
.login-btn{margin:0 auto;display:flex;align-items:center;justify-content:center;gap:34px;width:min(100%,310px);min-height:59px;text-decoration:none;background:var(--red);color:#08101b;border:1px solid var(--red);font-size:13px;font-weight:950;letter-spacing:1.6px;transition:background .15s,transform .15s}
.login-btn:hover{background:#ff7185;transform:translateY(-2px)}
.login-btn:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.login-btn span{font-size:17px}
.preview-note{display:block;color:#8593ab;margin-top:20px;font-size:11px;line-height:1.5}
footer{text-align:center;font-size:10px;letter-spacing:2.4px;font-weight:750;color:#7f8da4;padding:8px 0}footer span{padding:0 10px;color:var(--red)}
.login-view h1{font-size:clamp(40px,6vw,70px)}.login-view p{max-width:500px;margin-left:auto;margin-right:auto}
@media(max-width:500px){.screen{padding:19px 22px}.brand-wordmark{font-size:18px}.brand-badge{width:32px;height:37px}.hero{padding:12px 0 28px}.eyebrow{letter-spacing:2.1px;font-size:9px}h1{font-size:clamp(42px,12vw,62px);margin:21px 0 19px}p{margin-bottom:30px}.login-btn{min-height:56px}.preview-note{margin-top:16px}footer{font-size:9px;letter-spacing:1.6px}}
@media(max-height:570px){.screen{padding-top:12px;padding-bottom:12px}.brand-badge{height:28px;width:29px}.brand-wordmark{font-size:16px}.hero{padding:8px 0}h1{font-size:clamp(32px,8vh,58px);margin:12px 0}p{margin-bottom:15px;font-size:14px}.login-btn{min-height:43px}.preview-note{margin-top:10px}footer{padding:0}}
@media(prefers-reduced-motion:reduce){.login-btn{transition:none}.login-btn:hover{transform:none}}

/* Arena Rush v006 homepage info navigation. */
.screen footer .ar-legal-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 16px;font:600 11px/1.6 system-ui,sans-serif;letter-spacing:0;margin:8px 0 0}
.screen footer .ar-legal-nav a{color:#aebfd3;text-decoration:underline;text-underline-offset:3px}
.screen footer .ar-legal-nav a:focus-visible{outline:2px solid #ff8ca0;outline-offset:3px}