@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750&display=swap');
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#e9eef1;background:#0c1116}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.football-panel{position:relative;background:#0c1b17;min-height:760px;overflow:hidden;padding:42px 54px;display:flex;flex-direction:column;border-right:1px solid #25342b}.football-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0c1b17 1%,#0c1b1799 40%,transparent 100%)}.login-brand{display:flex;gap:13px;align-items:center;position:relative;z-index:3;width:fit-content}.login-brand img{width:49px;height:49px;object-fit:contain;mix-blend-mode:screen}.login-brand>span{font-size:24px;font-weight:750;letter-spacing:-1px}.login-brand small{display:block;font-size:7px;letter-spacing:2.5px;color:#81998a;margin-top:4px;font-weight:400}.stadium-glow{position:absolute;width:650px;height:650px;left:0;top:-260px;background:radial-gradient(ellipse,#b6ef7020,transparent 65%);filter:blur(25px)}.pitch-art{position:absolute;width:580px;height:790px;right:-100px;top:40px;transform:rotate(-22deg);opacity:.8}.pitch-art:before{content:'';position:absolute;inset:40px 45px;background:repeating-linear-gradient(0deg,#8da46804 0px,#8da46804 65px,transparent 65px,transparent 130px)}.pitch-art svg{position:absolute;inset:0;width:100%;height:100%;stroke:url(#pitchLine);stroke-width:1.2}.player{width:9px;height:9px;position:absolute;border:2px solid #b4ee84;border-radius:50%;box-shadow:0 0 0 7px #9ed06e0c,0 0 22px #b4ee8455;background:#7ea65a}.p1{left:45%;top:27%}.p2{left:32%;top:41%}.p3{left:64%;top:42%}.p4{left:49%;top:58%}.p5{left:29%;top:72%}.p6{left:65%;top:70%}.tactic-route{position:absolute;left:35%;top:34%;width:120px;height:140px;border-top:1px dashed #c3ec7d55;border-right:1px dashed #c3ec7d55;transform:rotate(24deg)}.football-copy{position:relative;z-index:2;margin-top:auto;padding-top:290px;padding-bottom:70px;max-width:530px}.section-label{font-size:8px;letter-spacing:1.7px;color:#8b9b92;font-weight:500}.section-label i,.online i{display:inline-block;width:5px;height:5px;background:#b5ed86;border-radius:50%;margin-right:7px}.football-copy h1{font-size:46px;line-height:1.14;font-weight:550;letter-spacing:-2px;margin:22px 0}.football-copy h1 span{color:#b5ed86}.football-copy p{font-size:12px;line-height:1.9;color:#8fa398;max-width:340px}.league-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}.league-pills span{font-size:8px;border:1px solid #a9cc8522;background:#a9cc8506;padding:6px 8px;border-radius:4px;color:#9daf9f}.football-footer{z-index:2;position:relative;display:flex;justify-content:space-between;font-size:8px;color:#688174;letter-spacing:.6px}.access-panel{position:relative;display:flex;flex-direction:column;padding:35px 46px;min-width:0}.access-top{display:flex;justify-content:space-between;align-items:center;color:#65727d;font-size:8px;letter-spacing:1px}.online{font-size:10px;letter-spacing:0;color:#95a297}.online i{animation:pulse 1.8s ease-in-out infinite}.login-card{width:100%;max-width:346px;margin:auto;padding:55px 0}.login-emblem{width:62px;height:62px;border:1px solid #29382d;border-radius:15px;background:linear-gradient(135deg,#9fd0770d,transparent);padding:7px;margin-bottom:28px;box-shadow:0 0 40px #b4ee8405}.login-emblem img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.login-card .section-label{font-size:7px;letter-spacing:1.5px;color:#79878f}.login-card h2{font-size:24px;line-height:1.3;font-weight:550;letter-spacing:-.8px;margin:12px 0 10px}.login-card>p{font-size:11px;color:#7e8c98;line-height:1.8;margin:0}form{margin-top:30px}label{display:block;font-size:10px;color:#b6c0c8;margin-bottom:8px}input{width:100%;min-width:0;height:45px;border:0;outline:0;background:transparent;color:#ecf0f2;padding:10px 8px;font-size:11px}input::placeholder{color:#56616c}.input-wrap{display:flex;align-items:center;gap:5px;border:1px solid #27313a;border-radius:7px;background:#11181e;padding:0 12px;transition:.15s}.input-wrap:focus-within{border-color:#8fb868;box-shadow:0 0 0 3px #b5ed860b}.input-wrap>svg{width:15px;height:15px;stroke:#677681;stroke-width:1.4;fill:none;flex-shrink:0}.password-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px}.password-label>span{font-size:8px;color:#667780}#password-toggle{background:none;border:0;color:#71808a;cursor:pointer;padding:5px;display:grid;place-items:center}#password-toggle svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.4;fill:none}#confirm-group{margin-top:20px}.session-note{font-size:9px;color:#718089;margin-top:15px;display:flex;gap:7px;align-items:center}.mini-shield{color:#9bab91;font-size:14px}.login-submit{width:100%;background:#b5ed86;color:#203315;border:1px solid #c4f79e;border-radius:7px;height:44px;font-size:11px;font-weight:650;display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin-top:23px;cursor:pointer;box-shadow:0 4px 22px #b5ed8608}.login-submit:hover{background:#c2f49b}.login-submit svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none}.login-submit:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #b5ed86;outline-offset:4px}#login-error{font-size:10px;color:#eba29a;line-height:1.7;margin-top:10px}.access-notice{display:flex;gap:10px;border-top:1px solid #222c34;margin-top:24px;padding-top:20px}.access-notice svg{width:17px;height:20px;stroke:#62796b;stroke-width:1.3;fill:none;flex-shrink:0}.access-notice p{margin:0;color:#697781;font-size:9px;line-height:1.8}.access-panel footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#52616b;font-size:8px;letter-spacing:1px}.access-panel footer img{width:20px;height:20px;object-fit:contain;mix-blend-mode:screen}.access-panel footer>span:last-child{font-size:7px;letter-spacing:0;border-left:1px solid #2a3339;padding-left:8px;margin-left:2px}#open-panel{font-size:10px;color:#b5ed86;margin-top:18px}#open-panel:not([hidden]){display:block}@keyframes pulse{50%{opacity:.25}}@media(min-width:1500px){.football-panel{padding:50px 80px}.football-copy h1{font-size:58px}.pitch-art{right:0;top:30px;width:650px;height:890px}}@media(max-width:950px){.football-panel{padding:34px;min-height:700px}.football-copy h1{font-size:36px;letter-spacing:-1.3px}.access-panel{padding:30px}.pitch-art{right:-210px}}@media(max-width:700px){.login-layout{grid-template-columns:1fr}.football-panel{min-height:190px;padding:25px 26px;border-right:0;border-bottom:1px solid #25342b}.login-brand>span{font-size:22px}.login-brand img{width:42px;height:42px}.football-copy{padding:25px 0 0;margin:0}.football-copy h1,.football-copy p,.football-copy .section-label,.football-footer{display:none}.league-pills{margin-top:0}.pitch-art{width:300px;height:410px;right:-80px;top:-100px;opacity:.4}.access-panel{padding:24px;min-height:calc(100svh - 190px)}.login-card{padding:35px 0}.login-emblem{display:none}.access-top{font-size:7px}.login-card h2{font-size:24px}.access-panel footer{margin-top:10px}}@media(prefers-reduced-motion:reduce){.online i{animation:none}}

/* Larger, balanced account form. */
.login-card{max-width:410px;padding:44px 0}
.login-emblem{width:72px;height:72px;padding:8px;margin-bottom:28px;border-radius:18px}
.login-card .section-label{font-size:8px}
.login-card h2{font-size:28px;letter-spacing:-.85px}
.login-card>p{font-size:12px;line-height:1.8}
.login-card label{font-size:11px;margin-bottom:9px}
.login-card input{height:50px;font-size:12px}
.login-card .input-wrap{padding:0 14px;border-radius:8px}
.login-card .input-wrap>svg{width:17px;height:17px}
.login-card .password-label>span{font-size:9px}
.login-card .session-note{font-size:10px}
.login-card .login-submit{height:50px;font-size:12px;border-radius:8px;padding:0 17px}
.login-card .access-notice p{font-size:10px}
@media(max-width:950px) and (min-width:701px){.login-card h2{font-size:25px}.login-card{max-width:380px}}
@media(max-width:700px){.login-card{max-width:410px;padding:32px 0}.login-card h2{font-size:26px}.login-card input{font-size:16px}.login-card .login-submit{height:48px}}

.access-notice{align-items:center}.access-notice p{margin:0;font-size:clamp(10px,2.6vw,12px);white-space:nowrap}.access-notice svg{flex-shrink:0}
/* Dark account panel; the football artwork retains its current palette. */
.access-panel{color-scheme:dark;background:#0c1116;color:#e9eef1}.access-panel .access-top{color:#83919b}.access-panel .online{color:#a4b29e}.access-panel .login-card .section-label{color:#83928b}.access-panel .login-card h2{color:#e9eef1}.access-panel .login-card>p{color:#8b99a4}.access-panel .login-card label{color:#c2cbd1}.access-panel .login-emblem{background:linear-gradient(135deg,#9fd0770d,transparent);border-color:#293c2d;box-shadow:0 0 40px #b4ee8405}.access-panel .login-emblem img,.access-panel footer img{mix-blend-mode:screen}.access-panel .input-wrap{background:#11181e;border-color:#29343d;box-shadow:none}.access-panel .input-wrap:focus-within{border-color:#9dd477;box-shadow:0 0 0 3px #9dd47716}.access-panel .input-wrap>svg{stroke:#7c8d96}.access-panel input{color:#ecf0f2}.access-panel input::placeholder{color:#697781}.access-panel #password-toggle{color:#84949e}.access-panel .password-label>span{color:#83928c}.access-panel .login-submit{background:#b5ed86;border-color:#bce997;color:#203315;box-shadow:0 4px 22px #b5ed8608}.access-panel .login-submit:hover{background:#c2f49b}.access-panel .access-notice{border-top-color:#29333a}.access-panel .access-notice p{color:#8b999f}.access-panel .access-notice svg{stroke:#8da187}.access-panel footer{color:#7c8b94}.access-panel footer>span:last-child{border-color:#35423d}.access-panel #login-error{color:#eba29a}.access-panel #open-panel{color:#b5ed86}.access-panel button:focus-visible,.access-panel a:focus-visible{outline-color:#b5ed86}
/* User-provided stadium photograph replaces the decorative pitch. */
.football-panel{background:#0b1517 url('/assets/login-stadium.png') center center/cover no-repeat;isolation:isolate}.football-panel:after{z-index:0;background:linear-gradient(180deg,#060e1573 0%,#07101612 24%,#07101626 43%,#081113dc 69%,#081113f5 100%)}.football-copy h1{ text-shadow:0 2px 20px #0005}.football-panel .login-brand small{color:#bbc8c4}.football-copy .section-label{color:#c4ceca}.football-copy p{color:#b7c6bf}.league-pills span{background:#0b171c80;border-color:#b6d49c40;color:#c9d6cc;backdrop-filter:blur(8px)}.football-footer{color:#a1b5aa}@media(max-width:700px){.football-panel{background-position:center 46%}.football-panel:after{background:linear-gradient(90deg,#071016bf,#07101626 85%),linear-gradient(0deg,#081113b3,transparent 65%)}.football-panel .login-brand small{color:#c1cfc7}}

/* Local contrast behind the brand, without changing the photograph. */
.football-panel .login-brand:before{content:'';position:absolute;inset:-18px -30px;z-index:-1;border-radius:24px;background:radial-gradient(ellipse at center,#071016c7 0%,#07101680 48%,#07101600 75%);filter:blur(8px);pointer-events:none}
.football-panel .login-brand>span{text-shadow:0 2px 6px #000b}
.football-panel .login-brand small{color:#e3eae6;text-shadow:0 1px 4px #000e}

@media(max-width:850px){.login-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.football-panel{min-height:180px;padding:calc(24px + env(safe-area-inset-top)) 24px 24px}.football-copy{display:none}.football-footer{display:none}.login-brand{position:relative}.access-panel{padding:24px max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));flex:1;min-width:0}.access-top{font-size:10px}.login-card{padding:26px 0;width:100%;max-width:430px}.login-card h2{font-size:26px}.login-card>p{font-size:13px}.login-emblem{display:none}.login-card input{font-size:16px;min-height:50px}.input-wrap{min-height:52px}.login-submit{min-height:50px;font-size:15px}.password-label{gap:10px}.access-notice p{white-space:normal;font-size:12px;line-height:1.6}.access-notice{align-items:flex-start}.access-panel footer{position:static;font-size:10px;margin-top:10px}#password-toggle{min-width:44px;min-height:44px}}@media(max-height:600px) and (orientation:landscape){.football-panel{display:none}.access-top{display:none}.login-card{padding:16px 0}}