:root{--arena-yellow:#fff101;--arena-dark:#252226;--arena-soft:#ece26e;--arena-gray:#a8a9ad;--ink:#252226;--muted:#716d74;--paper:#f7f7f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8c7400;outline-offset:4px}.skip-link{position:absolute;top:-80px;left:12px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:12px}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.brand-stage{background:var(--arena-dark);color:#fff;position:relative;overflow:hidden;min-height:760px;padding:42px 48px;display:flex;flex-direction:column;justify-content:space-between}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.product-label{font-size:13px;letter-spacing:3px;font-weight:800}.stage-tag{font-size:10px;letter-spacing:1.4px;color:#bdb9bf}.brand-focus{z-index:1;position:relative;padding:48px 10px}.brand-focus img{width:190px;height:185px;object-fit:contain;margin-bottom:44px}.brand-focus p{font-size:clamp(44px,4.5vw,72px);font-weight:800;letter-spacing:-3px;line-height:1.03;margin:0}.brand-focus strong{color:var(--arena-yellow)}.stage-bottom{font-size:12px;letter-spacing:.6px;color:#d6d2d8}.stage-bottom>span:last-child{color:var(--arena-yellow);font-size:40px}.court-lines{position:absolute;width:550px;height:810px;border:1px solid #49454a;transform:rotate(28deg);top:110px;right:-310px;pointer-events:none}.court-lines:before{content:'';position:absolute;inset:45px;border:1px solid #49454a}.court-lines:after{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid #49454a}.court-lines span{position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #49454a}.login-panel{padding:70px 64px 28px;display:flex;flex-direction:column;justify-content:center;background:#fdfdfb}.login-content{max-width:425px;width:100%;margin:auto}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:800;margin-bottom:19px;color:#777079}h1,h2,h3{font-weight:750;letter-spacing:-1.2px}.login-content h1{font-size:clamp(29px,2.5vw,40px);line-height:1.18;margin:0 0 20px}.muted{color:var(--muted)}.intro{font-size:14px;line-height:1.8;max-width:350px;margin-bottom:35px}.form-label{font-size:12px;font-weight:700;margin-bottom:9px}.form-control{height:53px;border:1px solid #dedbdf;border-radius:7px;background:#fff;padding:13px 16px;font-size:14px;color:var(--ink)}.form-control:focus{border-color:#807400;box-shadow:0 0 0 3px #fff10133}.password-label{margin-top:23px}.btn-arena{background:var(--arena-yellow);border:1px solid var(--arena-yellow);color:var(--ink);height:54px;font-weight:700;font-size:14px;border-radius:7px;margin-top:28px;display:flex;align-items:center;justify-content:space-between;padding:0 19px}.btn-arena:hover,.btn-arena:active{background:#e8dc00;border-color:#e8dc00;color:#000}.btn-arena span{font-size:24px}.access-help{text-align:center;font-size:11px;color:var(--muted);margin-top:20px;line-height:1.6}.login-signoff{border-top:1px solid #e8e5e8;margin-top:37px;padding-top:27px;display:flex;gap:15px;align-items:center;color:var(--muted);font-size:12px;line-height:1.6}.login-signoff strong{color:var(--ink)}.mini-mark{font-size:31px;width:45px;height:45px;display:grid;place-items:center;background:#f0efe9;border-radius:50%;color:var(--ink)}.login-footer{display:flex;justify-content:space-between;font-size:10px;color:#777079;padding-top:46px;gap:16px}.app-header{background:var(--arena-dark);color:#fff}.header-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;text-decoration:none;gap:22px}.brand img{width:60px;height:64px;object-fit:contain}.brand-divider{height:24px;width:1px;background:#5a555c}.header-inner nav{display:flex;gap:35px;align-self:stretch}.header-inner nav a{display:flex;align-items:center;border-bottom:3px solid transparent;text-decoration:none;color:#c6c0ca;font-size:13px}.header-inner nav a.active{border-color:var(--arena-yellow);color:#fff}.logout{border:1px solid #5a555c;background:transparent;border-radius:6px;color:#fff;padding:9px 16px;font-size:12px}.logout span{margin-left:16px}.dashboard{padding-top:40px;padding-bottom:65px;min-height:calc(100vh - 170px)}.welcome-banner{background:var(--arena-dark);color:#fff;border-radius:14px;padding:45px 50px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.welcome-banner:after{content:'';position:absolute;right:-80px;top:-120px;width:500px;height:580px;border:1px solid #4d474e;transform:rotate(30deg);pointer-events:none}.welcome-banner .eyebrow{color:var(--arena-soft)}.welcome-banner h1{font-size:48px;line-height:1.1;letter-spacing:-2px}.welcome-banner p{color:#c6c0ca;margin-top:18px;font-size:14px}.welcome-banner img{width:190px;margin-right:65px;z-index:1}.arena-chip{display:inline-block;border:1px solid #625b63;padding:6px 12px;border-radius:20px;font-size:11px;margin-top:12px}.replay-section{margin-top:43px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title .eyebrow{margin-bottom:8px}.section-title h2{font-size:27px}.count-chip{font-size:11px;color:#6e6770;border:1px solid #d9d4db;padding:7px 12px;border-radius:20px}.empty-replays{background:#fff;border:1px solid #e5e1e6;border-radius:12px;text-align:center;padding:55px 20px;margin-top:22px}.play-mark{background:#f4f1bb;color:var(--ink);width:60px;height:60px;border-radius:50%;margin:0 auto 21px;display:grid;place-items:center;font-size:35px}.empty-replays h3{font-size:23px}.empty-replays p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:14px}.btn-outline-arena{font-size:12px;border:1px solid #c8c2cc;padding:12px 17px;margin-top:14px}.btn-outline-arena:hover{background:var(--arena-yellow)}.app-footer{border-top:1px solid #ddd8e0;display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:10px;color:var(--muted);gap:16px}.company-title{margin-bottom:30px}.company-title h1{font-size:36px}.company-title p{font-size:13px}.status-chip{background:#e0eddf;color:#24552c;padding:8px 14px;border-radius:20px;font-size:11px}.company-brand,.details-card{background:#fff;border:1px solid #e5e1e6;border-radius:12px;padding:32px}.company-brand{text-align:center}.company-brand img{width:100%;max-width:225px;margin:20px auto 30px}.company-brand h2{font-size:23px}.company-brand span{font-size:12px;color:var(--muted)}.details-card h2{font-size:21px;margin-bottom:22px}.details-card dl>div{display:grid;grid-template-columns:1fr 1.3fr;border-bottom:1px solid #eeeaf0;padding:15px 0;gap:18px;font-size:13px}.details-card dt{color:var(--muted);font-weight:400}.details-card dd{margin:0;overflow-wrap:anywhere}.setup-note{font-size:12px;color:var(--muted);line-height:1.8;margin:25px 0 0}@media(min-width:1400px){.brand-stage{padding:45px 70px}.brand-focus{padding-left:22px}}@media(max-width:991px){.login-panel{padding:45px 32px 24px}.brand-stage{padding:35px 30px}.stage-tag{display:none}.brand-focus p{font-size:52px}.welcome-banner img{margin-right:10px;width:150px}}@media(max-width:767px){.login-shell{grid-template-columns:1fr}.brand-stage{min-height:260px;padding:24px}.brand-focus{padding:24px 0;display:flex;align-items:center;gap:35px}.brand-focus img{width:108px;height:110px;margin:0}.brand-focus p{font-size:35px;letter-spacing:-1.5px}.stage-bottom{display:none}.stage-tag{display:inline;font-size:8px}.court-lines{top:-280px;right:-260px}.login-panel{padding:36px 24px 20px}.login-content{max-width:440px}.login-content h1{font-size:30px}.intro{margin-bottom:27px}.login-signoff{margin-top:30px}.login-footer{padding-top:35px;font-size:9px}.header-inner{min-height:85px;gap:10px;flex-wrap:wrap;padding-top:12px}.brand{gap:10px}.brand img{width:40px;height:43px}.brand .product-label{font-size:10px;letter-spacing:1.5px}.header-inner nav{order:3;width:100%;justify-content:center;gap:36px}.header-inner nav a{padding:10px 0;font-size:12px}.logout{font-size:11px}.dashboard{padding-top:22px}.welcome-banner{padding:30px 25px}.welcome-banner h1{font-size:36px}.welcome-banner img{width:90px;margin:0 0 0 15px}.welcome-banner p{font-size:12px;max-width:190px}.eyebrow{font-size:9px;letter-spacing:1.3px}.welcome-banner .eyebrow{max-width:160px;line-height:1.6}.section-title h2{font-size:25px}.count-chip{font-size:9px}.empty-replays{padding:40px 20px}.empty-replays h3{font-size:21px}.app-footer{font-size:9px}.details-card{padding:23px}.details-card dl>div{grid-template-columns:1fr;gap:7px}.company-title h1{font-size:30px}.status-chip{white-space:nowrap;font-size:10px}}
@media(max-width:767px){.welcome-banner{display:block}.welcome-banner>div{position:relative;z-index:1}.welcome-banner img{position:absolute;right:25px;bottom:30px;width:65px;opacity:.75}.welcome-banner h1{font-size:34px}.welcome-banner p{max-width:205px}}