@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');:root{--ink:#153653;--blue:#173d70;--lime:#d8f64d;--teal:#087e83;--paper:#f6f8f3;--line:#dbe5e6;--muted:#536c7d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.72 'DM Sans',Arial,sans-serif}a{color:#0b6179}img{max-width:100%;height:auto}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.22;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.1vw,5rem);margin:.25em 0}h2{font-size:clamp(1.55rem,2.6vw,2.2rem);margin:0 0 18px}h3{font-size:1.17rem;margin:0 0 10px}p{margin:0 0 17px}ul,ol{padding-left:23px}li{margin-bottom:9px}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topin{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:236px;display:block}.nav{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.nav a{font-size:13px;font-weight:800;color:var(--ink);text-decoration:none}.nav a:hover,.nav a[aria-current]{color:#087e83}.menu{display:none;border:1px solid var(--line);border-radius:9px;padding:8px 12px;background:white;color:var(--ink)}.eyebrow{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.08em;color:#087e83;text-transform:uppercase}.hero{background:linear-gradient(115deg,#e9f5f1 0%,#f5f8f2 53%,#dcefed 100%);overflow:hidden}.hero-in{min-height:580px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:65px 0}.hero h1{max-width:700px}.hero p{font-size:18px;color:#415c6d;max-width:620px}.hero img{width:100%;max-height:525px;object-fit:contain}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 23px;border-radius:12px;font-weight:800;text-decoration:none;border:1px solid #bdd1d5;background:white;color:var(--ink);font-size:14px}.btn.primary{background:var(--lime);border-color:var(--lime);color:#173653;cursor:default}.note{font-size:12px;color:var(--muted)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:-35px;position:relative;z-index:2}.quick a,.card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px;text-decoration:none;box-shadow:0 10px 32px #16395709}.quick a{color:var(--ink)}.quick a strong{display:block;font-size:18px}.quick a span{display:block;font-size:13px;color:var(--muted);line-height:1.5;margin-top:7px}.quick a:hover{border-color:#7cc3c5;transform:translateY(-2px)}.section{padding:64px 0}.section.alt{background:#edf3f1}.lead{font-size:18px;color:var(--muted);max-width:830px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{box-shadow:none}.card p:last-child{margin-bottom:0}.tag{font-size:11px;letter-spacing:.09em;font-weight:800;text-transform:uppercase;color:var(--teal)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px;align-items:start}.article{min-width:0}.article section{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:112px}.article section:first-child{padding-top:0}.article section:last-child{border:0}.article p,.article li{color:#38566b}.aside{position:sticky;top:108px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:17px;max-height:calc(100vh - 130px);overflow:auto}.aside strong{display:block;margin-bottom:12px}.toc{display:flex;flex-direction:column;gap:0}.toc a{display:block;padding:10px 2px;border-bottom:1px solid #e9eff0;font-size:13px;line-height:1.45;overflow-wrap:anywhere;text-decoration:none}.toc a:last-child{border-bottom:0}.toc a:hover{text-decoration:underline}.page-head{background:linear-gradient(120deg,#173e6b,#0b6e81);color:#fff;padding:68px 0}.page-head .eyebrow{color:#d8f64d}.page-head h1{max-width:850px;font-size:clamp(2.3rem,4vw,4rem)}.page-head p{max-width:800px;color:#d9e9ee;font-size:18px}.callout{border-left:5px solid #0b8685;background:#eaf6f1;border-radius:0 13px 13px 0;padding:18px 21px;margin:22px 0}.steps{counter-reset:steps;list-style:none;padding:0}.steps li{counter-increment:steps;position:relative;padding:14px 18px 14px 65px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 12px}.steps li:before{content:counter(steps);position:absolute;left:17px;top:15px;background:var(--lime);border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-weight:800;color:var(--ink)}table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden;font-size:14px}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e6f2f1}details{background:white;border:1px solid var(--line);border-radius:13px;margin:12px 0;padding:17px 20px}summary{cursor:pointer;font-weight:800}details p{padding-top:12px}.footer{background:#143653;color:#d7e6ed;padding:50px 0 25px}.footer a{color:#e1f4f6;text-decoration:none}.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer a{display:block;margin-bottom:9px;font-size:13px}.footer p{color:#c3d5df;font-size:13px}.footer strong{color:#fff}.copyright{border-top:1px solid #42617b;padding-top:17px;margin-top:35px;font-size:12px;color:#b8d1db}.crumb{font-size:13px;margin-bottom:12px}.crumb a{color:#d4f2f4}.smalllinks{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}.smalllinks a{font-weight:700;font-size:14px}@media(max-width:980px){.article-layout{grid-template-columns:1fr}.aside{position:static;max-height:none;order:-1}.hero-in{grid-template-columns:1fr 1fr}.quick{grid-template-columns:repeat(2,1fr)}.nav{display:none;position:absolute;top:88px;left:0;right:0;padding:22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 18px #1233}.nav.open{display:flex}.menu{display:block}}@media(max-width:660px){.wrap{width:min(100% - 30px,1180px)}.hero-in{grid-template-columns:1fr;padding:42px 0 62px;gap:0}.hero img{max-height:310px}.quick{margin-top:-25px;grid-template-columns:1fr 1fr;gap:9px}.quick a{padding:16px}.quick a strong{font-size:15px}.grid,.grid.two,.footer .cols{grid-template-columns:1fr}.section{padding:44px 0}.topin{min-height:72px}.brand img{width:195px}.nav{top:72px}.page-head{padding:42px 0}.article section{padding:23px 0}h1{font-size:2.65rem}.cta-row .btn{width:100%}table{font-size:12px}th,td{padding:9px}}
/* Brand identity and refreshed login-first sports hero */
.top{background:#07376b;border-bottom:1px solid #285786}
.brand img{width:215px;height:auto;object-fit:contain}
.nav a{color:#f3f8ff}.nav a:hover,.nav a[aria-current]{color:#9af76c}
.menu{background:#123e70;color:#fff;border-color:#5079a3}
.hero{background:radial-gradient(ellipse at 73% 22%,#1165b5 0%,transparent 46%),linear-gradient(117deg,#03152e 0%,#072954 56%,#07407b 100%);position:relative}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(116deg,transparent 0,transparent 210px,#54b3fa0b 211px,#54b3fa0b 215px)}
.hero-in{min-height:590px;grid-template-columns:1fr 1.04fr;gap:8px;position:relative;z-index:1}
.hero h1{color:#fff;font-size:clamp(2.5rem,4.3vw,4.5rem);line-height:1.11}
.hero p{color:#d4e5f6}
.hero .eyebrow{color:#a1f678}
.hero .note{color:#b8cee5;font-size:12px}
.hero img{width:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 25px 32px #0008)}
.hero .btn:not(.primary){background:#0b315b;color:#fff;border-color:#6b95c0}
.btn.primary{background:#96f16b;border-color:#96f16b;color:#062c4b}
.quick a{box-shadow:0 15px 30px #001c3820}
.hero-highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.hero-highlights span{border:1px solid #5884a7;background:#0b3a65b0;color:#eff9ff;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:700}
@media(max-width:800px){.hero-in{grid-template-columns:1fr;gap:15px;padding:50px 0 36px}.hero img{max-height:350px}.hero h1{font-size:clamp(2.1rem,7vw,3.2rem)}.top .nav a{color:#153653}.quick{margin-top:10px}}
@media(max-width:480px){.brand img{width:170px}.hero img{max-height:290px}.hero-in{padding:34px 0}.hero-highlights span{font-size:11px}}

/* v4: mandatory visible referral CTA in the hero of every page */
.page-head .page-hero-cta{margin:23px 0 0;position:relative;z-index:1}
.page-head .page-hero-cta .btn.primary{min-width:190px;min-height:51px;box-shadow:0 8px 20px #051e3a33}
@media(max-width:600px){.page-head .page-hero-cta{margin-top:20px}.page-head .page-hero-cta .btn.primary{width:100%;max-width:350px}}