/* FOOT_UNIFIED_PORTAL_V1_0 – responsive HTML reconstruction of approved visual references */
:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#061b45;background:#fff;--navy:#071b46;--blue:#076de7;--line:#e5ebf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.siteheader{min-height:70px;background:white;display:flex;align-items:center;gap:20px;padding:8px max(24px,4.2vw);position:relative;z-index:10;box-shadow:0 1px 4px #071b4610}.logo{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:31px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.logo-ball{width:44px;height:44px;object-fit:contain}.tagline{border-left:1px solid #b9c6d9;padding-left:16px;color:#3f5773;font-size:15px;white-space:nowrap}.topnav{display:flex;align-items:center;gap:23px;margin-left:auto}.topnav a{font-size:13px;color:#173455;white-space:nowrap;padding:9px 0}.topnav a.active{color:#006ee6;border-bottom:2px solid #006ee6}.languages{display:flex;background:#f1f5fa;border:1px solid #e3eaf3;border-radius:11px;overflow:hidden;margin-left:8px}.languages button{background:transparent;border:0;color:#345270;padding:9px 14px}.languages button.selected{background:#076fea;color:white}.menu-btn{display:none;border:0;background:#f4f7fa;padding:10px;border-radius:8px}.wrap{width:min(1470px,calc(100% - 46px));margin:auto}.hero{min-height:337px;position:relative;background:linear-gradient(90deg,#061829 0%,#061829fa 31%,#091c32a8 58%,#091c3204 100%),url('/assets/landing-hero.jpg') center right /cover no-repeat;color:white;display:flex;align-items:center}.hero-inner{padding:34px 4.6vw 53px;max-width:850px}.eyebrow{font-size:16px;letter-spacing:1.1px;color:#c8e0f5}.hero h1{font-size:clamp(32px,3.2vw,53px);line-height:1.02;letter-spacing:-1.3px;margin:10px 0}.hero p{font-size:20px;line-height:1.42;margin:12px 0 17px;max-width:625px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border-radius:12px;background:#066fe9;border:1px solid #066fe9;color:white;font-size:14px;font-weight:700;min-height:42px}.btn.secondary{background:#071a3010;color:white;border-color:#cfdae5}.btn.ghost{background:#e7f0fc;color:#006ae1;border:0}.selection{position:relative;margin:-24px auto 0;display:grid;grid-template-columns:1fr 2.12fr 1fr;gap:14px;z-index:2}.selection>section{min-width:0;background:white;box-shadow:0 5px 20px #0a2a4812;border-radius:13px;border:1px solid #e7edf4;padding:13px}.selection .photo{height:143px;width:100%;object-fit:cover;border-radius:10px}.selection h2{font-size:21px;margin:12px 5px 4px}.selection p{font-size:14px;color:#49607d;line-height:1.45;margin:0 5px 16px}.selection .btn{width:100%;background:#e5f0fe;color:#0570e8;border:0}.national-selection{background:#f8fafc!important}.national-title{display:flex;align-items:center;gap:12px;padding:4px 9px 13px}.national-title h2{font-size:18px;margin:0}.national-title p{font-size:13px;margin:2px 0 0}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding:0 4px}.country-card{background:white;border:1px solid #e0e7ef;border-radius:13px;overflow:hidden}.country-photo{height:112px;position:relative;background-size:cover;background-position:center}.flagchip{font-size:37px;position:absolute;top:10px;left:12px;filter:drop-shadow(0 2px 5px #0005)}.country-body{padding:8px 15px 12px}.country-body h3{font-size:20px;margin:1px 0 2px}.country-body p{font-size:14px;min-height:44px;margin:0 0 10px}.country-body .btn{background:var(--pale);color:var(--accent);border:0}.regional{background:#061b2d!important;color:white}.regional .photo{filter:brightness(.9)}.regional h2{color:white}.regional p{color:#d5e7f3}.regional .btn{background:#071a2e;color:#ffc53a;border:1px solid #edb823}.feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:30px 10px 24px}.feature-mini{display:flex;align-items:center;gap:9px;padding:6px;border-right:1px solid #e4eaf0;font-size:12px}.feature-mini:last-child{border:0}.feature-mini .round{width:47px;height:47px;border-radius:50%;background:#eaf2fe;color:#006ee5;display:grid;place-items:center;font-size:22px;flex-shrink:0}.feature-mini strong{display:block;margin-bottom:3px}.feature-mini small{color:#55718a}.metrics{display:grid;grid-template-columns:repeat(5,1fr);border-radius:15px;background:#f1f5fa;padding:22px 14px;gap:8px}.metric{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #dbe4ee}.metric:last-child{border:0}.metric b{font-size:25px}.metric small{display:block;color:#49607c}.metric .symbol{font-size:30px;color:#426084}footer{margin:28px auto 0;padding:24px max(24px,4vw);display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #eef1f5;color:#526b84;font-size:12px}footer b{color:#0a2351;font-size:18px}.demo-ribbon{position:fixed;bottom:9px;right:12px;background:#071b45e0;color:white;font-size:10px;padding:5px 9px;border-radius:5px;z-index:20}.national-hero{min-height:135px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 34px;background-color:var(--dark);background-image:linear-gradient(90deg,var(--dark) 0%,var(--dark)dd 35%,transparent 100%),url(var(--hero));background-position:center;background-size:cover;color:white}.national-heading{display:flex;align-items:center;gap:16px}.national-flag{font-size:65px;line-height:1}.national-hero h1{font-size:28px;margin:0 0 6px;max-width:520px}.national-hero p{margin:0;font-size:14px}.summary-black{display:flex;gap:18px;background:#081529df;border:1px solid #fff3;border-radius:12px;padding:18px}.summary-black span{font-size:12px}.summary-black strong{display:block;font-size:19px}.tabs{display:flex;align-items:center;gap:0;overflow-x:auto;border-bottom:1px solid #dfe5ee;white-space:nowrap;background:white;padding:0 30px}.tabs a{font-size:13px;padding:13px 19px;border-right:1px solid #e9edf3}.tabs a.active{background:var(--accent);color:white;font-weight:700;border-radius:5px 5px 0 0}.national-layout{padding:14px 30px 28px;display:grid;grid-template-columns:282px minmax(0,1fr) 282px;gap:14px;min-height:260px;background:#f9fbfd}.panel{background:white;border:1px solid #e3e9f1;border-radius:10px;overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 7px;font-size:14px;font-weight:700}.panel-title a{font-size:11px;color:var(--accent)}.clubrow{display:flex;align-items:center;gap:12px;padding:9px 13px;border-top:1px solid #edf1f6;font-size:13px}.clubrow:hover{background:#f3f7fc}.crest{width:28px;height:32px;border-radius:5px;background:#f0f4fa;display:grid;place-items:center;font-size:19px}.clubrow b{display:block}.clubrow small{color:#6c7f96}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.stat{padding:14px 9px;border:1px solid color-mix(in srgb,var(--accent) 24%,#fff);background:var(--wash);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:14px}.stat .symbol{font-size:23px;color:var(--accent)}.stat b{font-size:21px}.stat small{display:block;font-size:10px;color:#65788d}.modules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.module{border:1px solid #e2e9f0;border-radius:7px;background:white;overflow:hidden;min-width:0}.module:hover{box-shadow:0 8px 20px #071b451a}.module img{height:95px;width:100%;object-fit:cover}.module strong{display:block;font-size:12px;margin:9px 9px 4px}.module small{display:block;margin:0 9px 11px;color:#536b83;font-size:10px}.newsrow{display:flex;gap:9px;padding:8px 13px;border-bottom:1px solid #eaf0f5}.newsrow img{width:74px;height:45px;object-fit:cover;border-radius:5px}.newsrow strong{font-size:11px;display:block}.newsrow small{font-size:10px;color:#6a7c92}.section-content{padding:30px}.directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.directory-card{background:white;border:1px solid #e3eaf2;padding:18px;border-radius:11px;display:flex;gap:16px;align-items:center}.directory-card:hover{box-shadow:0 8px 20px #0001}.smallnotice{font-size:12px;color:#597087;padding:10px 0}.detail-hero{background:linear-gradient(110deg,#051d45,#134d85);color:white;padding:35px}.detail-hero h1{font-size:36px;margin:8px 0}.detail-stats{display:flex;gap:15px;flex-wrap:wrap}.detail-stats span{background:#ffffff25;padding:11px 15px;border-radius:8px}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.player{padding:17px;border:1px solid #e3ebf3;background:white;border-radius:11px}.player a{font-weight:750;color:#066fdf}.search{background:#f4f7fa;border:1px solid #e2e9f1;padding:8px 12px;border-radius:8px;margin-left:auto;max-width:270px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-head h2{margin:0}.top-breadcrumb{font-size:13px;color:#536b83;padding:14px 30px;background:#f8fafc}.top-breadcrumb a{color:#086de3}.hidden{display:none!important}
@media(max-width:1150px){.tagline{display:none}.topnav{gap:12px}.selection{grid-template-columns:1fr 2fr}.regional{grid-column:1/-1}.feature-strip{grid-template-columns:repeat(3,1fr)}.national-layout{grid-template-columns:230px 1fr}.news-panel{grid-column:1/-1}.summary-black{display:none}.modules{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.siteheader{padding:10px 16px}.logo{font-size:25px}.logo-ball{height:36px;width:36px}.menu-btn{display:inline-block;margin-left:auto}.topnav{display:none;position:absolute;left:0;right:0;top:62px;background:white;padding:15px 25px;box-shadow:0 15px 18px #0002;flex-direction:column;align-items:stretch;gap:7px}.topnav.open{display:flex}.languages{margin-left:0}.hero{min-height:330px}.hero-inner{padding:30px 20px 55px}.hero p{font-size:16px}.selection{grid-template-columns:1fr}.regional{grid-column:auto}.three{gap:8px}.country-photo{height:90px}.country-body{padding:10px}.country-body h3{font-size:16px}.country-body p{font-size:12px}.feature-strip{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr);gap:20px}.metric{border:0;justify-content:start}.national-hero{padding:18px;min-height:180px}.national-hero h1{font-size:21px}.national-flag{font-size:45px}.national-layout{grid-template-columns:1fr;padding:14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.tabs{padding:0}.tabs a{padding:12px}.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.section-content{padding:16px}footer{flex-wrap:wrap}.search{max-width:135px}}