/* Shared visual rhythm for the public and client betting portal. */
:root{--ink:#14233b;--ink-2:#243a55;--accent:#ef914b;--accent-dark:#a74b14;--blue:#315c91;--bg:#f4f5f7;--soft:#eef1f5;--line:#dfe4eb;--muted:#5f6c7e;--radius:12px;--shadow:0 6px 20px #14233b08}
body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wrap{width:min(1240px,calc(100% - 40px))}
.topbar{box-shadow:0 2px 14px #14233b05}
.topbar nav{height:58px}.brand{font-size:16px}.brand-mark{width:32px;height:32px;border-radius:8px}
.nav-link{font-size:12px;padding:8px 10px}.btn{min-height:38px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:750}.btn:hover{transform:none}.btn.accent{background:var(--accent)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #315c91;outline-offset:3px}
h1{font-size:clamp(26px,3vw,38px);line-height:1.12}h2{font-size:clamp(19px,2vw,25px)}h3{letter-spacing:-.02em}.lead{font-size:15px}
.card{box-shadow:0 2px 8px #14233b04}.pill{padding:4px 8px;font-size:10px}input,select{height:39px;border-radius:8px}.field{margin-bottom:12px}.field-error{margin:5px 0 0;color:var(--danger);font-size:12px}.notice{font-size:13px;padding:10px 12px}.form{margin:24px auto;padding:22px}.legal-page{margin:24px auto;padding:24px}.legal-page p,.legal-page li{line-height:1.65}.legal-page h2{margin-top:22px}
footer{padding:20px 0}.footer-links{height:auto;min-height:0}
.landing{padding:16px 0 24px}.hero{min-height:360px;border-radius:18px;box-shadow:0 12px 36px #14233b14}.hero-copy{padding:38px 36px}.hero h1{font-size:clamp(36px,4vw,54px);line-height:1.02}.hero-kicker{margin-bottom:16px;font-size:10px}.hero-lead{font-size:15px;line-height:1.6;margin-top:16px}.hero-actions{margin-top:20px}.hero .btn{min-height:40px;padding:9px 16px}.hero-trust{margin-top:18px;gap:12px}.board-wrap{padding:26px 26px 26px 0}.board{padding:20px;border-radius:14px;box-shadow:0 12px 26px #0002}.board-odds{font-size:46px;margin-top:18px}.board-row{margin-top:12px;padding-top:12px}.wins{padding:18px;border-radius:14px;box-shadow:none}.win-card{padding:12px;border-radius:10px}.section-head{margin-bottom:12px}.metrics{margin:14px 0 28px;border-radius:12px}.metric-box{padding:12px 16px}.metric-box strong{font-size:20px}.intelligence{gap:24px}.intel-copy{padding:8px}.intel-panel{border-radius:14px;padding:8px;gap:8px;box-shadow:none}.intel-card{min-height:130px;padding:14px;border-radius:10px}.intel-card h3{margin-top:12px}.flow{margin-top:28px;gap:10px}.flow-step{padding:16px;border-radius:12px}.flow-step h3{margin-top:10px}.search-card{margin-top:28px;padding:20px;border-radius:14px}.final-cta{padding:22px;border-radius:14px}
.pick-card{min-height:216px;padding:14px}.pick-card h3{font-size:16px;margin:9px 0 6px}.pick-meta{margin:6px 0 9px}.odds{font-size:26px}.access-offer{padding:14px 16px;border-radius:12px}.match-row{padding:10px 12px}.qualified-pick{padding:11px 13px}.empty{padding:24px}
.profile-page{max-width:940px;margin:24px auto 36px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.profile-page>h1,.profile-page>p{grid-column:1/-1;margin:0}.profile-page>p{margin-top:-10px}.profile-page>.card{padding:20px!important;margin:0!important;min-width:0}.profile-page>.card:first-of-type{grid-column:1/-1}.profile-page h2{font-size:18px;margin-bottom:14px}.profile-page input[type=file]{height:auto;padding:8px;max-width:100%}.profile-page input[type=checkbox]{flex-shrink:0}
@media(max-width:900px){.hero-copy{padding:28px 28px 18px}.board-wrap{padding:0 28px 28px}.hero{min-height:0}.intelligence{gap:16px}.navlinks{gap:3px}.nav-link{padding:7px;font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 24px)}.topbar nav{height:54px}.mobile-nav{height:64px}.profile-page{grid-template-columns:1fr;gap:12px;margin-top:18px}.profile-page>.card{padding:16px!important}.legal-page{padding:20px}.brand{font-size:14px}}
@media(max-width:620px){.hero{border-radius:14px}.hero-copy{padding:24px 20px 18px}.hero h1{font-size:36px}.hero-lead{font-size:14px}.hero-actions{display:flex}.hero .btn{width:auto;flex:1}.board-wrap{padding:0 16px 16px}.board{padding:16px}.hero-trust{font-size:10px}.wins{padding:14px}.win-grid{display:grid;grid-template-columns:1fr;margin:0;padding:0}.win-card{min-width:0}.metrics{margin-bottom:24px}.intel-panel{grid-template-columns:1fr 1fr}.intel-card{min-width:0;padding:12px}.intel-card h3{font-size:13px}.flow{display:grid;grid-template-columns:1fr;margin:24px 0 0;padding:0}.flow-step{min-width:0}.search-card,.final-cta{padding:18px}.ticket-grid{display:grid;grid-template-columns:1fr;margin:0;padding:0}.pick-card,.empty{min-width:0;min-height:0}.pick-action{margin-top:12px}.qualified-pick{gap:7px}.access-offer{flex-wrap:wrap;gap:12px}.dash-head{flex-wrap:wrap;gap:10px}.cta-price{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Complete the same density across results, access, authentication and billing. */
.special-ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin:16px 0}.special-ticket-card{padding:16px}.special-ticket-card h2{font-size:21px}.special-ticket-card p{font-size:13px;margin-bottom:10px}.special-ticket-card .metric{font-size:27px}
.kp-upgrade{margin:14px 0;padding:16px;border-radius:12px}.kp-upgrade h2{font-size:22px;margin:5px 0}.kp-upgrade>p{font-size:13px;margin-bottom:12px}.kp-upgrade-grid{gap:10px}.kp-upgrade-plan{padding:14px;border-radius:10px}.kp-upgrade-plan h3{font-size:16px;margin:5px 0}.kp-upgrade-price{font-size:24px}.kp-upgrade-list{font-size:12px;line-height:1.5;margin-bottom:12px}.kp-upgrade-cta{padding:10px;border-radius:8px;font-size:13px;background:var(--ink)}
.results-hero{margin:18px 0 12px;padding:24px;border-radius:14px}.results-hero h1{font-size:clamp(27px,3.5vw,40px);margin:6px 0 9px}.results-hero p{font-size:14px}.quick-links{gap:7px;margin:12px 0}.quick-links a{padding:7px 11px;font-size:11px}.result-filter{padding:12px;gap:9px}.result-date{margin-top:18px}.result-row{padding:12px 15px;gap:12px}.result-score{font-size:20px}.empty-results{padding:28px}.result-page{margin:20px auto}.score-head{padding:12px 16px}.score-body{padding:26px 20px;gap:14px}.score-team{font-size:20px}.final-score{font-size:36px}.result-facts div{padding:12px}.copy,.related{margin-top:14px;padding:18px}.copy p{line-height:1.6}.related a{padding:10px}
.auth-shell{min-height:440px;margin:22px auto;max-width:860px}.auth-aside,.auth-form{padding:26px}.auth-aside h1{font-size:31px}.auth-points{gap:10px}.auth-form>p{margin-bottom:14px}.form-grid{gap:10px}
.billing-page{margin:20px auto;max-width:1100px}.kb-billing-card{padding:16px;margin:14px 0}.kb-billing-table td,.kb-billing-table th{padding:10px 8px}.kb-billing-note{padding:12px;font-size:13px}.katambula-page{padding:20px 0}.katambula-page h1{font-size:clamp(26px,3vw,38px)}textarea{font:inherit;color:var(--text);resize:vertical}textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:760px){.auth-shell{min-height:0;margin:14px auto}.auth-form{padding:20px}.auth-aside{display:none}}
@media(max-width:620px){.special-ticket-grid{gap:10px;margin:12px 0}.special-ticket-card{padding:14px}.kp-upgrade{padding:14px}.kp-upgrade h2{font-size:20px}.kp-upgrade-plan{padding:13px}.results-hero{padding:20px 16px}.results-hero h1{font-size:28px}.result-filter{grid-template-columns:1fr 1fr}.result-filter label:first-child{grid-column:1/-1}.result-filter .btn{grid-column:1/-1}.result-row{padding:11px 10px;gap:7px;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr) 14px}.result-team{overflow-wrap:anywhere}.result-score{font-size:17px}.score-body{padding:22px 12px;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:7px}.score-team{font-size:15px;overflow-wrap:anywhere}.final-score{font-size:29px}.copy,.related{padding:15px}.kb-billing-card{padding:14px}.katambula-page{padding:16px 0}}

.hero-visual{position:relative;z-index:2;align-self:center;margin:0;padding:20px 20px 20px 0;min-width:0}.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;border:1px solid #ffffff14}.hero-visual figcaption{margin-top:10px;color:#b8c3d8;font-size:11px;letter-spacing:.02em;text-align:center}
@media(max-width:900px){.hero-visual{padding:0 28px 24px}.hero-visual img{max-height:340px;object-fit:contain;background:#0d1728}}
@media(max-width:620px){.hero-visual{padding:0 16px 18px}.hero-visual figcaption{font-size:10px;margin-top:8px}}