:root{--bg:#0b1220;--panel:#111d30;--accent:#58aaff;--text:#f3f7ff;--muted:#93a5bd;--border:#25364d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--border);gap:30px}.brand{font-family:'Barlow Condensed',sans-serif;font-size:46px;font-weight:900;font-style:italic;letter-spacing:-3px;line-height:1}.brand span{color:var(--accent)}.brand i{font-family:Arial;font-size:11px;vertical-align:top;letter-spacing:0;margin-left:6px}nav{display:flex;gap:31px;align-self:stretch;align-items:center}nav a{font-size:12px;color:#aeb3a8;position:relative}nav a:hover,nav a.active{color:var(--text)}nav a.active:after{content:'';position:absolute;bottom:-34px;left:0;right:0;height:3px;background:var(--accent)}.header-actions{display:flex;align-items:center;gap:24px}.search-button{border:0;background:none;font-size:30px}.button{background:var(--accent);color:#071a34;border:0;padding:15px 22px;font-size:12px;font-weight:700;display:inline-flex;gap:27px;align-items:center;justify-content:center;border-radius:3px}.button:hover{background:#8bc4ff}.menu-button{display:none}.season-bar{display:flex;justify-content:space-between;padding:14px 5%;font-size:9px;letter-spacing:1.2px;background:#0e1b2e}.season-bar>span:first-child{color:var(--accent);display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #318cf550}.season-bar b{color:#505948;padding:0 13px}.season-bar a{color:#bdc2b4}.hero{height:550px;position:relative;overflow:hidden;background:#101e33}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#091629 2%,#091629ee 23%,#09162972 63%,#09162942),linear-gradient(0deg,#0b1220 0%,transparent 45%),url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=2000&q=85') center 58%/cover;filter:saturate(.65)}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff07 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#ffffff05 50%,transparent 50.2%);background-size:130px 130px}.hero-content{position:relative;height:100%;padding:51px 5% 25px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:10px}.hero .eyebrow{color:#d4daca}.line{width:25px;height:2px;background:var(--accent)}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;margin:0;font-weight:700}h1{font-size:110px;line-height:.89;letter-spacing:-1px;margin:25px 0 22px}h1 em{font-style:normal;color:var(--accent)}.hero p{color:#b6bdb1;line-height:1.75;font-size:13px}.hero-buttons{display:flex;gap:14px;margin-top:25px}.outline-button{border:1px solid #486584;background:#10233d70;border-radius:3px;padding:14px 20px;font-size:12px}.play{color:var(--accent);margin-right:10px}.hero-bottom{display:flex;justify-content:space-between;position:absolute;bottom:25px;left:5%;right:5%;font-size:8px;color:#88967f;letter-spacing:1.5px}.hero-side{position:absolute;right:30px;top:120px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#c2ccb7}.hero-number{position:absolute;right:8%;bottom:70px;font-family:'Barlow Condensed';font-size:100px;color:#d4e4bf55;font-weight:700}.hero-number span{font-family:'DM Sans';font-size:10px;letter-spacing:2px;color:#c7d2ba}.match-strip{display:flex;background:#101c2d;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0 5%;min-height:148px}.strip-label{width:215px;flex-shrink:0;padding:25px 25px 20px 0;border-right:1px solid var(--border)}h2{font-size:35px;letter-spacing:.2px}.strip-label h2{font-size:25px;margin:7px 0 13px}.week-control{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:1px}.week-control button{background:none;border:1px solid #314a69;width:23px;height:22px;color:#b3bda7}.fixtures{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.fixture{border:0;border-right:1px solid var(--border);text-align:left;background:none;padding:21px 25px}.fixture:hover{background:#ffffff05}.fixture-meta{font-size:8px;letter-spacing:1px;color:#949e8b;display:flex;justify-content:space-between;margin-bottom:13px}.fixture-meta .live{color:var(--accent)}.fixture-team{display:flex;align-items:center;gap:9px;margin:8px 0;font-weight:500;font-size:12px}.fixture-team b{margin-left:auto}.crest{display:inline-flex;justify-content:center;align-items:center;width:25px;height:28px;background:color-mix(in srgb,var(--team) 12%,transparent);color:var(--team);font-family:'Barlow Condensed';font-weight:800;font-size:19px;clip-path:polygon(0 0,100% 0,95% 75%,50% 100%,5% 75%);border-top:2px solid var(--team)}.fixture-time{margin-left:auto;color:var(--muted);font-size:10px}.content-wrap{padding:43px 5% 0;max-width:1550px;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading h2{margin-top:8px}.season-pill{font-size:9px;letter-spacing:1px;display:flex;gap:14px;align-items:center;border:1px solid var(--border);border-radius:3px;padding:10px 13px}.dashboard{display:grid;grid-template-columns:2.15fr 1fr;gap:23px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:4px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 23px}.panel-heading h3{font-size:21px}.text-button{background:none;border:0;color:#a6ae9d;font-size:10px;padding:5px 0}.text-button:hover{color:var(--accent)}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);padding:0 23px}.tabs button{background:none;border:0;color:var(--muted);font-size:11px;padding:2px 0 14px}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}table{width:100%;border-collapse:collapse;font-size:11px;text-align:center;white-space:nowrap}th{font-size:8px;color:#7e8976;font-weight:500;padding:16px 9px 12px}td{padding:13px 9px;border-top:1px solid #22354d;color:#bbc3b3}td:first-child{padding-left:23px;width:45px}th:nth-child(2),td:nth-child(2){text-align:left}td:nth-child(8){font-weight:700;color:var(--text)}.table-team{display:flex;align-items:center;gap:11px;color:var(--text)}.table-team button{background:none;border:0;padding:0;font-size:11px;text-align:left}.table-team .crest{width:21px;height:24px;font-size:16px}.qualified td:first-child{border-left:2px solid var(--accent)}.form{display:flex;justify-content:center;gap:3px}.form i{font-style:normal;font-size:7px;border-radius:2px;padding:3px;color:#b8e47a;background:#344329}.form i.loss{color:#d39690;background:#49302a}.form i.draw{color:#b7beae;background:#383e32}.panel-footer{padding:17px 23px;display:flex;justify-content:space-between;font-size:8px;color:#7f8976;border-top:1px solid var(--border)}.tiny-square{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:5px}.star{color:var(--accent);font-size:25px}.player-visual{height:185px;position:relative;background:radial-gradient(ellipse at bottom,#246cc52e,transparent 75%);overflow:hidden}.player-rings{width:240px;height:240px;border:1px solid #4699fa22;border-radius:50%;position:absolute;left:50%;top:10px;transform:translateX(-50%);box-shadow:0 0 0 24px #ffffff02,0 0 0 25px #4699fa11}.player-number{position:absolute;left:30px;top:0;font-family:'Barlow Condensed';font-weight:800;font-size:145px;color:#58aaff0d;line-height:1}.player-art{height:220px;position:absolute;left:50%;transform:translateX(-50%);top:0}.award-label{position:absolute;right:13px;bottom:15px;background:var(--accent);color:#0b2343;font-size:8px;font-weight:700;padding:6px 8px;transform:rotate(-5deg)}.player-info{padding:20px 23px}.player-link{display:flex;align-items:center;justify-content:space-between;background:none;border:0;width:100%;font-family:'Barlow Condensed';font-size:35px;font-weight:700;padding:7px 0 13px}.player-link span{font-size:20px;color:#9cad87}.player-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);padding-top:13px}.player-stats div{display:flex;flex-direction:column;gap:3px}.player-stats b{font-family:'Barlow Condensed';font-size:27px;color:var(--accent)}.player-stats span{font-size:8px;letter-spacing:1px;color:var(--muted)}.news-section,.teams-section{margin-top:45px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.news-card{background:none;border:0;padding:0;text-align:left}.news-image{height:190px;border-radius:3px;position:relative;overflow:hidden}.news-card:hover .news-image{filter:brightness(1.15)}.tag{position:absolute;left:16px;top:16px;color:#dce6d0;background:#0c1d37c9;padding:6px 9px;font-size:7px;letter-spacing:1px;border:1px solid #6d7b5755;z-index:2}.stadium{background:linear-gradient(0deg,#08162bf0,#08162b18),url('https://images.unsplash.com/photo-1459865264687-595d652de67e?auto=format&fit=crop&w=700&q=80') center/cover}.image-word{position:absolute;bottom:15px;left:20px;font-family:'Barlow Condensed';font-size:45px;line-height:.9;font-weight:800;color:#d4e7ff}.rankings{background:#58aaff;color:#0a2347}.rankings .tag{background:#0a2852;color:var(--accent)}.rank-graphic{position:absolute;font-family:'Barlow Condensed';font-size:137px;font-weight:800;line-height:.9;left:25px;bottom:30px;letter-spacing:-5px}.rank-graphic>span{font-size:95px;letter-spacing:0}.rank-graphic small{display:block;font-family:'DM Sans';font-size:9px;letter-spacing:3px;margin-top:7px}.graphic-lines{position:absolute;width:170px;height:260px;right:-50px;top:-20px;transform:rotate(25deg);background:repeating-linear-gradient(90deg,transparent 0 17px,#0a285218 18px 20px)}.community{background:#152e50}.community-symbol{font-size:240px;color:#91a69624;position:absolute;right:-5px;top:-57px;line-height:1}.community-text{font-family:'Barlow Condensed';font-size:39px;font-weight:700;line-height:.97;position:absolute;left:22px;bottom:22px}.news-meta{font-size:8px;letter-spacing:1px;color:#818c77;margin:18px 0 10px}.news-meta span{padding:0 8px}.news-card h3{font-size:23px;line-height:1.15;position:relative}.news-card h3 span{position:absolute;right:0;top:3px;color:var(--muted);font-family:'DM Sans';font-size:16px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.team-card{border:1px solid var(--border);background:var(--panel);padding:22px;display:flex;align-items:center;gap:15px;text-align:left;border-radius:3px}.team-card:hover{border-color:#4388d4}.team-card .crest{width:40px;height:45px;font-size:28px}.team-card strong{display:block;font-family:'Barlow Condensed';font-size:22px}.team-card small{color:var(--muted);font-size:9px}.team-card>span:last-child{margin-left:auto;color:var(--muted)}.join-banner{margin:46px 0;background:#10294b;border:1px solid #2c5687;padding:32px;display:flex;align-items:center;justify-content:space-between;border-radius:3px}.join-banner h2{font-size:37px;margin:8px 0}.join-banner p{color:#9bb8da;font-size:11px;margin-bottom:0}footer{margin:0 5%;border-top:1px solid var(--border);padding:30px 0;display:flex;align-items:center;gap:28px;flex-wrap:wrap}footer>span{font-size:10px;letter-spacing:1px}footer small{font-size:9px;letter-spacing:0;color:var(--muted);line-height:2}footer>div{margin-left:auto;display:flex;gap:25px;font-size:10px}footer button{border:0;background:none;padding:0;font-size:10px}footer p{width:100%;display:flex;justify-content:space-between;font-size:8px;color:#717c66;border-top:1px solid #23291f;padding-top:20px;margin-bottom:0}dialog{background:#111e32;color:var(--text);border:1px solid #3a5a84;border-radius:8px;padding:35px;max-width:620px;width:calc(100% - 32px);max-height:85vh}dialog::backdrop{background:#040b18d9;backdrop-filter:blur(5px)}#close-modal{position:absolute;right:12px;top:8px;font-size:27px;background:none;border:0;color:var(--muted)}dialog h2{color:var(--accent);margin:10px 0 20px;font-size:38px}dialog p{color:#b7c9e1;line-height:1.8}dialog .modal-score{font-family:'Barlow Condensed';font-size:45px;text-align:center;margin:25px 0}dialog input,dialog select{width:100%;margin:7px 0 18px;background:#091528;color:var(--text);border:1px solid #385578;border-radius:3px;padding:12px;font:inherit}dialog label{font-size:12px}dialog ul{line-height:2;color:#b7c9e1}.search-results button{display:block;background:#172c48;border:1px solid var(--border);padding:12px;width:100%;text-align:left;margin:8px 0}.notice{font-size:10px!important;color:#87987a!important}.modal-grid{display:flex;gap:15px;flex-wrap:wrap}.modal-grid div{background:#19365a;padding:15px;flex:1}.modal-grid b{display:block;font-size:24px;color:var(--accent)}@media(min-width:1500px){header,.season-bar,.match-strip{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}.hero-content{padding-left:max(5%,calc((100vw - 1400px)/2))}.hero{height:610px}h1{font-size:130px}}@media(max-width:1000px){nav{gap:20px}.header-actions{gap:10px}.header-actions .button{padding:12px}.dashboard{grid-template-columns:1.8fr 1fr}.fixture{padding:20px 15px}.strip-label{width:185px}.table-scroll{overflow:auto}.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{height:72px}.brand{font-size:38px}.header-actions{margin-left:auto}.search-button{font-size:25px}.header-actions .button{font-size:10px;padding:11px;gap:10px}.menu-button{display:block;background:none;border:0;font-size:22px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#171d13;padding:20px;z-index:10;flex-wrap:wrap}nav.open{display:flex}nav a.active:after{bottom:-8px}.season-bar{font-size:8px}.season-bar>span:nth-child(2){display:none}.hero{height:510px}.hero-image{background-position:63% center}.hero-content{padding-top:45px}h1{font-size:91px}.hero-side,.hero-number{display:none}.hero .eyebrow{font-size:8px}.hero-bottom{font-size:7px}.match-strip{display:block;padding:0}.strip-label{width:100%;display:flex;align-items:center;justify-content:space-between;border-right:0;padding:18px 5%;gap:15px}.strip-label>.eyebrow{display:none}.strip-label h2{margin:0}.fixtures{overflow:auto;grid-template-columns:repeat(3,minmax(210px,1fr));border-top:1px solid var(--border)}.fixture{padding:18px}.content-wrap{padding-top:30px}.section-heading h2{font-size:30px}.dashboard{grid-template-columns:1fr}.spotlight{display:grid;grid-template-columns:1fr 1fr}.spotlight .panel-heading{grid-column:1/-1}.player-visual{height:200px}.player-info{padding-top:35px}.player-number{left:10px}.news-grid{grid-template-columns:1fr}.news-image{height:230px}.news-card h3 br{display:none}.news-card h3{padding-right:30px}.news-grid{gap:30px}.team-card{padding:15px;gap:10px}.team-card strong{font-size:18px}.team-card .crest{width:30px;height:35px;font-size:23px}.join-banner{padding:23px;align-items:flex-start;flex-direction:column;gap:22px}.join-banner h2{font-size:30px}.season-pill{font-size:8px;padding:8px;white-space:nowrap}.panel-heading{padding:19px}.tabs{padding:0 19px}footer{gap:17px}footer>div{width:100%;margin:8px 0}footer p{line-height:1.6;gap:20px}.section-heading>.text-button{white-space:nowrap}.hero-buttons{gap:10px}.hero-buttons .button,.outline-button{padding:14px 16px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Official VXL identity. */
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;line-height:1;font-style:normal;letter-spacing:0}
.brand img{display:block;width:56px;height:56px;object-fit:contain}
.brand .brand-name{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;letter-spacing:1px;color:var(--text)}
.hero-emblem{position:absolute;right:13%;top:80px;width:340px;height:340px;object-fit:contain;opacity:.22;filter:drop-shadow(0 0 45px #2e8cf54d);pointer-events:none}
.hero-content{z-index:1}.hero-number,.hero-side{z-index:1}
footer .brand img{width:50px;height:50px}
.rankings .tag{color:#b4d8ff}
@media(max-width:1000px){.hero-emblem{right:5%;width:290px;height:290px;top:105px}header{gap:20px}nav{gap:20px}}
@media(max-width:760px){.brand img{width:44px;height:44px}.brand .brand-name{font-size:25px}.brand{gap:7px}.hero-emblem{right:-75px;top:125px;width:270px;height:270px;opacity:.13}}