@import url('../../packages/design-system/tokens.css');

:root {
  --navy: #0b1721;
  --navy-soft: #142838;
  --ink: #14202b;
  --ink-muted: #60707e;
  --paper: #f7f7f4;
  --surface: #ffffff;
  --line: #dce2e6;
  --green: #119b75;
  --green-deep: #087258;
  --green-pale: #e8f6f1;
  --gold: #e8b34e;
  --danger: #bb3b3b;
  --shadow: 0 18px 45px rgba(21, 36, 48, .08);
}
* { box-sizing: border-box; }
html { color-scheme: light; scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; } button, input, select { font: inherit; } button { cursor: pointer; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(17,155,117,.35); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 30; left: 16px; top: -60px; padding: 10px 13px; border-radius: 0 0 8px 8px; color: white; background: var(--navy); font-size: .75rem; font-weight: 800; text-decoration: none; }.skip-link:focus { top: 0; }
.application-shell { max-width: 1280px; min-height: 100vh; margin: 0 auto; padding: 0 32px calc(72px + env(safe-area-inset-bottom)); }
.page { padding: 48px 0 80px; outline: none; }
.app-bar { display: flex; align-items: center; min-height: 78px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--navy); font-size: .72rem; font-weight: 900; letter-spacing: .09em; text-decoration: none; }.brand b { color: var(--green-deep); font-weight: 800; }.brand-logo { width: 43px; height: 43px; object-fit: contain; }.brand-name { line-height: 1.1; }
.desktop-navigation { display: flex; align-items: center; gap: 25px; margin-left: auto; }.desktop-navigation a { color: #51606b; font-size: .74rem; font-weight: 750; text-decoration: none; }.desktop-navigation a:hover { color: var(--green-deep); }
.app-bar__actions { display: flex; align-items: center; gap: 14px; margin-left: 28px; }.nav-signin, .nav-account { color: var(--navy); font-size: .73rem; font-weight: 800; text-decoration: none; }.nav-signin:hover, .nav-account:hover { color: var(--green-deep); }.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 10px 15px; border: 1px solid transparent; border-radius: 7px; font-size: .75rem; font-weight: 850; text-decoration: none; transition: background .16s ease, border-color .16s ease, transform .16s ease; }.button:hover { transform: translateY(-1px); }.button:disabled { cursor: not-allowed; opacity: .65; }.button--primary { color: white; background: var(--green-deep); }.button--primary:hover { background: #075d48; }.button--secondary { color: var(--navy); border-color: var(--line); background: var(--surface); }.button--secondary:hover { border-color: #a8b6be; }
.eyebrow { margin: 0 0 11px; color: var(--green-deep); font: 800 .63rem var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
/* Landing */
.landing-page { padding-top: 38px; }.product-hero { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(330px, .87fr); overflow: hidden; border-radius: 16px; color: white; background: var(--navy); box-shadow: var(--shadow); }.product-hero__copy { padding: clamp(38px, 6vw, 78px); }.product-hero__copy h1 { max-width: 675px; margin: 0; font-size: clamp(2.55rem, 5.2vw, 5rem); line-height: .98; letter-spacing: -.07em; }.product-hero__copy h1 em, .auth-intro h1 em { color: #89d5bd; font-family: Georgia, serif; font-weight: 500; }.product-hero__copy > p:not(.eyebrow):not(.product-hero__note) { max-width: 510px; margin: 23px 0 0; color: #cbd6dc; font-size: 1rem; line-height: 1.7; }.product-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 30px; }.product-hero__primary { padding-inline: 19px; color: #072d23; background: #8ddac2; }.product-hero__primary:hover { background: #b0ebd8; }.quiet-link { color: white; font-size: .75rem; font-weight: 800; text-decoration: none; }.quiet-link:hover { color: #8ddac2; }.product-hero__note { margin: 35px 0 0; color: #91a3ae; font-size: .68rem; }
.intelligence-panel { padding: 30px; border-left: 1px solid rgba(255,255,255,.15); background: linear-gradient(135deg, #123143, #0d2735); }.intelligence-panel__top { display: flex; align-items: center; justify-content: space-between; color: #aabdc6; font: 800 .58rem var(--font-mono); letter-spacing: .09em; }.intelligence-panel__top i { padding: 5px 8px; border-radius: 3px; color: #91e3ca; background: rgba(141,218,194,.14); font-style: normal; }.intelligence-panel__title { display: flex; align-items: center; gap: 16px; margin: 44px 0 30px; }.intelligence-panel__title img { width: 70px; height: 70px; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(0,0,0,.24)); }.intelligence-panel__title small { display: block; color: #a8bac4; font-size: .66rem; }.intelligence-panel__title strong { display: block; max-width: 200px; margin-top: 5px; color: white; font-size: 1.15rem; line-height: 1.1; letter-spacing: -.04em; }.intelligence-panel dl { margin: 0; }.intelligence-panel dl div { padding: 14px 0; border-top: 1px solid rgba(255,255,255,.12); }.intelligence-panel dt { color: white; font-size: .74rem; font-weight: 800; }.intelligence-panel dd { margin: 5px 0 0; color: #b5c5cd; font-size: .68rem; line-height: 1.45; }.intelligence-panel__footer { margin: 23px 0 0; color: #91e3ca; font-size: .68rem; line-height: 1.45; }
.proof-strip { display: grid; grid-template-columns: repeat(3, 1fr) 1.4fr; align-items: stretch; margin: 0 18px; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 11px 11px; background: var(--surface); }.proof-strip div, .proof-strip p { display: flex; align-items: center; gap: 9px; margin: 0; padding: 15px 19px; border-right: 1px solid var(--line); }.proof-strip strong { color: var(--navy); font-size: 1.05rem; letter-spacing: -.04em; }.proof-strip span, .proof-strip p { color: var(--ink-muted); font-size: .63rem; line-height: 1.35; }.proof-strip p { justify-content: center; border: 0; color: var(--green-deep); font-size: .7rem; font-weight: 800; }
.content-section { margin-top: 80px; }.board-heading, .section-intro { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 23px; }.board-heading h2, .section-intro h2, .method-section h2, .account-cta h2 { max-width: 700px; margin: 0; color: var(--navy); font-size: clamp(1.8rem, 3.3vw, 2.8rem); line-height: 1.02; letter-spacing: -.065em; }.board-heading p:not(.eyebrow), .section-intro > p { max-width: 345px; margin: 0; color: var(--ink-muted); font-size: .78rem; line-height: 1.65; }.board-heading p:not(.eyebrow) { margin-top: 9px; }.board-link { flex: none; }.live-prediction-list { display: grid; gap: 13px; }.live-prediction-list--featured { grid-template-columns: repeat(3, minmax(0, 1fr)); }.live-prediction-card { padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }.live-prediction-list--featured .live-prediction-card { display: flex; flex-direction: column; min-height: 245px; border-top: 3px solid var(--green); box-shadow: 0 10px 23px rgba(16,36,49,.05); }.live-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.fixture-meta { margin: 0 0 6px; color: var(--ink-muted); font: 750 .6rem var(--font-mono); letter-spacing: .05em; text-transform: uppercase; }.live-card-top h2 { margin: 0; color: var(--navy); font-size: .94rem; letter-spacing: -.025em; }.live-card-top h2 span, .detail-page h1 span { color: #94a3ab; font-weight: 500; }.premium-tag { padding: 4px 6px; border-radius: 3px; color: #795510; background: #fff1ca; font: 800 .55rem var(--font-mono); text-transform: uppercase; }.live-card-body, .detail-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--line); }.live-card-body span, .detail-summary span { display: block; color: var(--ink-muted); font-size: .58rem; }.live-card-body strong, .detail-summary strong { display: block; margin-top: 4px; font-size: .72rem; }.probability { color: var(--green-deep); }.card-reason { margin: 16px 0 0; color: #53626e; font-size: .74rem; line-height: 1.6; }.supporting-stats { margin: 15px 0 0; padding-left: 18px; color: #52616c; font-size: .68rem; line-height: 1.55; }.supporting-stats li::marker { color: var(--green); }.detail-link { display: inline-block; margin-top: auto; padding-top: 19px; color: var(--green-deep); font-size: .71rem; font-weight: 850; text-decoration: none; }.card-lock { display: flex; align-items: center; gap: 10px; margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--line); }.card-lock p { flex: 1; margin: 0; color: var(--ink-muted); font-size: .7rem; }.card-lock a { color: var(--green-deep); font-size: .7rem; font-weight: 850; text-decoration: none; }
.markets-section { margin-top: 90px; }.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.category-grid--editorial { grid-template-columns: repeat(3, 1fr); }.category-card { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 14px; min-height: 112px; padding: 18px; border: 1px solid var(--line); border-radius: 9px; color: var(--navy); background: var(--surface); text-decoration: none; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }.category-card:hover { border-color: #9ccfc0; box-shadow: 0 10px 22px rgba(16,36,49,.07); transform: translateY(-2px); }.category-card__number { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 6px; color: var(--green-deep); background: var(--green-pale); font: 800 .92rem var(--font-mono); }.category-card strong { display: block; font-size: .82rem; letter-spacing: -.025em; }.category-card small { display: block; margin-top: 4px; color: var(--ink-muted); font-size: .66rem; }.card-arrow { color: var(--green-deep); font-size: 1rem; }
.method-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: 70px; margin-top: 88px; padding: 48px; border-radius: 12px; color: white; background: var(--navy); }.method-section h2 { color: white; }.method-section__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }.method-section article { padding: 4px 21px; border-left: 1px solid rgba(255,255,255,.16); }.method-section article:first-child { border-left: 0; padding-left: 0; }.method-section article > span { color: #91e3ca; font: 800 .6rem var(--font-mono); }.method-section h3 { margin: 18px 0 7px; color: white; font-size: .82rem; }.method-section p { margin: 0; color: #b8c6cd; font-size: .68rem; line-height: 1.6; }.account-cta { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 55px; padding: 38px 42px; border: 1px solid #cae5dc; border-radius: 12px; background: var(--green-pale); }.account-cta h2 { font-size: clamp(1.5rem, 2.5vw, 2.2rem); }.account-cta p:not(.eyebrow) { max-width: 610px; margin: 12px 0 0; color: #526b66; font-size: .76rem; line-height: 1.65; }.account-cta__actions { display: flex; align-items: center; flex: none; gap: 19px; }.account-cta__actions > a:not(.button) { color: var(--green-deep); font-size: .74rem; font-weight: 800; }
/* Auth */
.auth-page { padding: 0; }.auth-shell { display: grid; grid-template-columns: .9fr 1.1fr; min-height: calc(100vh - 79px); margin: 0 -32px; background: var(--surface); }.auth-intro { display: flex; flex-direction: column; justify-content: space-between; padding: 40px clamp(38px, 6vw, 88px) 58px; color: white; background: linear-gradient(145deg, #0a1b26, #15374b); }.auth-brand { color: white; }.auth-brand b { color: #91e3ca; }.auth-intro h1 { margin: 0; font-size: clamp(2.65rem, 4.5vw, 4.65rem); line-height: .96; letter-spacing: -.075em; }.auth-intro > div > p:not(.eyebrow) { max-width: 380px; margin: 20px 0 0; color: #c3d0d7; font-size: .9rem; line-height: 1.7; }.auth-intro .eyebrow { color: #91e3ca; }.auth-intro ul { display: grid; gap: 13px; padding: 0; margin: 0; list-style: none; }.auth-intro li { color: #d9e3e8; font-size: .74rem; }.auth-intro li span { display: inline-block; width: 32px; color: #91e3ca; font: 800 .61rem var(--font-mono); }.auth-card { align-self: center; width: min(460px, calc(100% - 56px)); margin: 0 auto; padding: 42px 0; }.auth-card .back-link { display: inline-block; margin-bottom: 40px; color: var(--ink-muted); font-size: .72rem; font-weight: 800; text-decoration: none; }.auth-card h2 { margin: 0; color: var(--navy); font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.02; letter-spacing: -.065em; }.auth-card__lede { margin: 14px 0 27px; color: var(--ink-muted); font-size: .79rem; line-height: 1.65; }.auth-card form { display: grid; gap: 15px; }.auth-card label { display: grid; gap: 7px; color: #374753; font-size: .7rem; font-weight: 800; }.auth-card input { width: 100%; height: 46px; padding: 0 13px; border: 1px solid #cfd9de; border-radius: 6px; color: var(--navy); background: #fff; font-size: .8rem; }.auth-card input::placeholder { color: #a7b3ba; }.auth-card input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(17,155,117,.12); outline: 0; }.password-hint { margin: -5px 0 0; color: var(--ink-muted); font-size: .64rem; line-height: 1.45; }.auth-error { margin: 0; padding: 10px 12px; border: 1px solid #efc5c5; border-radius: 6px; color: #942d2d; background: #fff4f4; font-size: .7rem; line-height: 1.45; }.auth-submit { width: 100%; margin-top: 5px; min-height: 47px; }.auth-switch { margin: 22px 0 0; color: var(--ink-muted); font-size: .72rem; text-align: center; }.auth-switch a { color: var(--green-deep); font-weight: 850; }
/* Supporting product screens */
.back-link { display: inline-block; margin-bottom: 24px; color: var(--ink-muted); font-size: .74rem; font-weight: 800; text-decoration: none; }.back-link:hover { color: var(--green-deep); }.screen-title-row { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 31px; }.screen-title-row h1, .detail-page > h1 { margin: 0; color: var(--navy); font-size: clamp(1.9rem, 3.5vw, 2.8rem); letter-spacing: -.065em; }.screen-title-row p:not(.eyebrow), .screen-description { margin: 9px 0 0; color: var(--ink-muted); font-size: .78rem; }.date-selector { display: grid; gap: 5px; color: var(--ink-muted); font-size: .61rem; font-weight: 800; }.date-selector select { padding: 9px 28px 9px 10px; border: 1px solid var(--line); border-radius: 6px; background: white; font-size: .72rem; font-weight: 800; }.state { display: grid; justify-items: center; padding: 57px 25px; border: 1px dashed #cbd6db; border-radius: 10px; background: var(--surface); text-align: center; }.state-icon { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 12px; border-radius: 50%; color: var(--green-deep); background: var(--green-pale); font-weight: 900; }.state h1, .state h2 { margin: 0; color: var(--navy); font-size: 1rem; }.state p { max-width: 480px; margin: 8px 0 0; color: var(--ink-muted); font-size: .75rem; line-height: 1.6; }.state .button { margin-top: 20px; }.state--error { border-style: solid; border-color: #efcaca; background: #fff8f8; }.state--error .state-icon { color: var(--danger); background: #ffe2e2; }.state--loading { display: flex; align-items: center; justify-content: center; gap: 11px; min-height: 120px; color: var(--ink-muted); font-size: .75rem; }.loading-spinner { width: 17px; height: 17px; border: 2px solid #d5e7e1; border-top-color: var(--green); border-radius: 50%; animation: spin .8s linear infinite; }@keyframes spin { to { transform: rotate(360deg); } }
.detail-kickoff { margin: 9px 0 0; color: var(--ink-muted); font-size: .77rem; }.detail-summary { grid-template-columns: repeat(4, 1fr); padding: 19px; border: 1px solid var(--line); border-radius: 9px; background: white; }.quality-verified { color: var(--green-deep); }.quality-limited { color: #ad7517; }.quality-insufficient { color: var(--danger); }.detail-section { max-width: 760px; margin-top: 35px; }.detail-section h2 { margin: 0 0 10px; color: var(--navy); font-size: .9rem; }.detail-section p { margin: 0; color: #52616c; font-size: .78rem; line-height: 1.7; }.evidence-summary { display: grid; gap: 8px; padding: 0; margin: 0; list-style: none; }.evidence-summary li { padding: 10px 12px; border-radius: 6px; color: #52616c; background: var(--green-pale); font-size: .7rem; text-transform: capitalize; }.accumulator-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 19px; padding: 19px; border: 1px solid #ead9a8; border-radius: 9px; background: #fff8e8; }.accumulator-summary span { display: block; color: var(--ink-muted); font-size: .61rem; }.accumulator-summary strong { display: block; margin-top: 4px; color: var(--navy); font-size: .75rem; text-transform: capitalize; }
.premium-page { max-width: 1000px; margin: 0 auto; }.premium-hero { display: grid; grid-template-columns: 1.2fr .8fr; padding: 48px; border-radius: 13px; color: white; background: var(--navy); }.premium-hero h1 { margin: 0; font-size: clamp(2.2rem, 4vw, 3.6rem); line-height: .98; letter-spacing: -.07em; }.premium-hero h1 em { color: #91e3ca; font-family: Georgia, serif; font-weight: 500; }.premium-hero__copy > p:not(.matchday-kicker) { max-width: 510px; color: #cbd6dc; font-size: .8rem; line-height: 1.65; }.matchday-kicker { color: #91e3ca; font: 800 .62rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }.live-dot { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #91e3ca; }.premium-perks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 21px; }.premium-perks span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.2); border-radius: 4px; color: #e4edef; font-size: .65rem; }.premium-hero__stamp { display: grid; place-content: center; align-self: center; justify-self: center; width: 160px; aspect-ratio: 1; border: 1px solid #91e3ca; border-radius: 50%; color: #91e3ca; text-align: center; }.premium-hero__stamp small { font: 800 .58rem var(--font-mono); letter-spacing: .13em; }.premium-hero__stamp strong { font: 400 3rem/1 Georgia, serif; }.upgrade-panel, .account-panel { max-width: 1000px; margin-top: 15px; padding: 36px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 8px 20px rgba(21,36,48,.04); }.upgrade-panel__heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; }.upgrade-panel__heading h2 { margin: 0; color: var(--navy); font-size: 1.8rem; letter-spacing: -.06em; }.upgrade-panel__heading > p { max-width: 380px; margin: 0; color: var(--ink-muted); font-size: .73rem; line-height: 1.55; }.plan-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 27px; }.plan-card { display: grid; gap: 7px; min-height: 160px; padding: 22px; border: 1px solid #bfddd4; border-radius: 8px; background: #f2fbf8; color: var(--navy); text-align: left; }.plan-card:hover { border-color: var(--green); box-shadow: 0 10px 20px rgba(17,155,117,.08); }.plan-card strong { font-size: .87rem; }.plan-card span { color: var(--green-deep); font-size: 1.65rem; font-weight: 900; letter-spacing: -.06em; }.plan-card small, .upgrade-note { color: var(--ink-muted); font-size: .7rem; }.upgrade-note { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--line); }.upgrade-error { color: var(--danger); font-size: .72rem; }.premium-footnote { color: var(--ink-muted); font-size: .68rem; text-align: center; }.account-details { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin: 25px 0; }.account-details div { padding: 15px; border-radius: 7px; background: #f4f7f8; }.account-details dt { color: var(--ink-muted); font-size: .62rem; }.account-details dd { margin: 5px 0 0; color: var(--navy); font-size: .8rem; font-weight: 850; text-transform: capitalize; }
.bottom-navigation { display: none; }
@media (max-width: 900px) { .desktop-navigation { gap: 16px; }.product-hero { grid-template-columns: 1fr .82fr; }.live-prediction-list--featured, .method-section__items { grid-template-columns: repeat(2,1fr); }.method-section__items article:nth-child(3) { grid-column: span 2; margin-top: 20px; padding-left: 0; border-left: 0; }.method-section { grid-template-columns: 1fr; gap: 35px; }.category-grid--editorial { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 700px) { .application-shell { padding: 0 16px calc(76px + env(safe-area-inset-bottom)); }.app-bar { min-height: 68px; }.brand-logo { width: 35px; height: 35px; }.brand-name { font-size: .62rem; }.desktop-navigation, .nav-signin { display: none; }.app-bar__actions { margin-left: auto; }.nav-join { min-height: 35px; padding: 8px 10px; font-size: .64rem; }.nav-account { padding: 8px 10px; border-radius: 5px; color: var(--green-deep); background: var(--green-pale); font-size: .66rem; }.page { padding: 28px 0 50px; }.landing-page { padding-top: 20px; }.product-hero { display: block; border-radius: 11px; }.product-hero__copy { padding: 34px 23px; }.product-hero__copy h1 { font-size: clamp(2.45rem, 12vw, 3.75rem); }.product-hero__copy > p:not(.eyebrow):not(.product-hero__note) { font-size: .86rem; }.intelligence-panel { padding: 22px; border-top: 1px solid rgba(255,255,255,.13); border-left: 0; }.intelligence-panel__title { margin: 25px 0; }.intelligence-panel__title img { width: 54px; height: 54px; }.proof-strip { grid-template-columns: repeat(3, 1fr); margin: 0 7px; }.proof-strip div { display: block; padding: 12px; }.proof-strip p { display: none; }.proof-strip strong { display: block; font-size: .9rem; }.proof-strip span { display: block; margin-top: 3px; font-size: .52rem; }.content-section, .markets-section { margin-top: 51px; }.board-heading, .section-intro, .account-cta, .upgrade-panel__heading { display: block; }.board-heading h2, .section-intro h2, .method-section h2, .account-cta h2 { font-size: 1.9rem; }.board-link { margin-top: 17px; }.live-prediction-list--featured { grid-template-columns: 1fr; }.category-grid, .category-grid--editorial { grid-template-columns: 1fr; }.category-card { min-height: 92px; }.method-section { display: block; margin-top: 55px; padding: 27px 21px; border-radius: 10px; }.method-section__items { grid-template-columns: 1fr; margin-top: 27px; }.method-section article, .method-section article:nth-child(3) { grid-column: auto; margin-top: 0; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.15); border-left: 0; }.method-section article:first-child { padding-top: 17px; }.account-cta { margin-top: 35px; padding: 28px 22px; border-radius: 10px; }.account-cta__actions { margin-top: 21px; }.auth-shell { display: block; min-height: auto; margin: 0 -16px; }.auth-intro { min-height: 350px; padding: 28px 25px 34px; }.auth-intro > .brand { display: none; }.auth-intro h1 { font-size: 3rem; }.auth-intro ul { display: none; }.auth-card { width: auto; margin: 0; padding: 35px 25px 44px; }.auth-card .back-link { margin-bottom: 28px; }.screen-title-row { display: block; }.screen-title-row .date-selector { margin-top: 17px; }.live-card-body, .detail-summary { grid-template-columns: repeat(2,1fr); }.detail-summary { padding: 15px; }.accumulator-summary, .account-details { grid-template-columns: 1fr 1fr; }.premium-hero { display: block; padding: 30px 22px; border-radius: 10px; }.premium-hero__stamp { width: 120px; margin: 25px 0 0 auto; }.upgrade-panel, .account-panel { padding: 24px 20px; border-radius: 10px; }.plan-grid { grid-template-columns: 1fr; }.bottom-navigation { position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-around; min-height: calc(64px + env(safe-area-inset-bottom)); padding: 8px 6px env(safe-area-inset-bottom); border-top: 1px solid var(--line); background: rgba(255,255,255,.97); backdrop-filter: blur(10px); }.bottom-navigation a { display: grid; place-items: center; gap: 2px; min-width: 65px; color: var(--ink-muted); font-size: .56rem; font-weight: 800; text-decoration: none; }.bottom-navigation a span { font-size: .95rem; }.bottom-navigation a.active { color: var(--green-deep); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } }

/* Footer, dashboard and mobile navigation */
.mobile-menu-toggle, .mobile-menu { display: none; }
.site-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 25px; margin-top: 76px; padding: 28px 0; border-top: 1px solid var(--line); color: var(--ink-muted); }.site-footer__brand { display: flex; align-items: center; gap: 10px; }.site-footer__brand img { width: 35px; height: 35px; object-fit: contain; }.site-footer__brand strong { display: block; color: var(--navy); font-size: .7rem; }.site-footer__brand span { display: block; margin-top: 3px; font-size: .62rem; }.site-footer__links { display: flex; gap: 17px; }.site-footer__links a, .site-footer p a { color: var(--ink-muted); font-size: .65rem; font-weight: 800; text-decoration: none; }.site-footer__links a:hover, .site-footer p a:hover { color: var(--green-deep); }.site-footer p { justify-self: end; margin: 0; font-size: .62rem; line-height: 1.5; text-align: right; }.site-footer p a { color: var(--green-deep); }
.dashboard-page { max-width: 1120px; margin: 0 auto; }.dashboard-hero { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding: clamp(26px, 4vw, 48px); border-radius: 12px; color: white; background: var(--navy); }.dashboard-hero h1 { margin: 0; color: white; font-size: clamp(2rem, 4vw, 3.35rem); letter-spacing: -.07em; }.dashboard-hero > div > p:not(.eyebrow) { max-width: 590px; margin: 13px 0 0; color: #c8d4da; font-size: .79rem; line-height: 1.65; }.dashboard-membership { flex: none; min-width: 165px; padding: 17px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(255,255,255,.06); }.dashboard-membership span { display: block; color: #b7c8d0; font-size: .59rem; text-transform: uppercase; letter-spacing: .08em; }.dashboard-membership strong { display: block; margin: 6px 0 14px; color: #91e3ca; font-size: 1rem; }.dashboard-membership a { color: white; font-size: .66rem; font-weight: 800; text-decoration: none; }.dashboard-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }.dashboard-kpis article { min-height: 136px; padding: 18px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }.dashboard-kpis span { display: block; color: var(--ink-muted); font-size: .62rem; }.dashboard-kpis strong { display: block; margin: 14px 0 8px; color: var(--navy); font-size: 1.35rem; letter-spacing: -.05em; }.dashboard-kpis small { display: block; color: #85929a; font-size: .6rem; line-height: 1.4; }.dashboard-grid { display: grid; grid-template-columns: 1.32fr .68fr; gap: 16px; margin-top: 16px; }.dashboard-panel { padding: 25px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }.dashboard-panel__header { display: flex; align-items: end; justify-content: space-between; gap: 18px; }.dashboard-panel__header h2, .dashboard-panel--access h2 { margin: 0; color: var(--navy); font-size: 1.35rem; letter-spacing: -.05em; }.dashboard-panel__header a { color: var(--green-deep); font-size: .67rem; font-weight: 800; text-decoration: none; }.performance-table { margin-top: 23px; }.performance-table > div { display: grid; grid-template-columns: 1.7fr .8fr .6fr .8fr; gap: 10px; align-items: center; padding: 13px 0; border-top: 1px solid var(--line); color: var(--ink-muted); font-size: .7rem; }.performance-table__head { color: #8a989f !important; border-top: 0 !important; font-size: .59rem !important; text-transform: uppercase; letter-spacing: .06em; }.performance-table strong { color: var(--navy); font-weight: 800; text-transform: capitalize; }.performance-table b { color: var(--green-deep); }.dashboard-empty { margin-top: 23px; padding: 27px 0 4px; border-top: 1px solid var(--line); }.dashboard-empty strong { color: var(--navy); font-size: .8rem; }.dashboard-empty p { max-width: 390px; margin: 8px 0 0; color: var(--ink-muted); font-size: .72rem; line-height: 1.6; }.dashboard-panel--access { display: flex; flex-direction: column; align-items: flex-start; border-color: #c9e1d8; background: var(--green-pale); }.dashboard-panel--access h2 { max-width: 220px; }.dashboard-panel--access > p:not(.eyebrow) { margin: 12px 0 23px; color: #516e67; font-size: .73rem; line-height: 1.65; }.dashboard-panel--access .button { margin-top: auto; }
@media (max-width: 900px) { .dashboard-kpis { grid-template-columns: repeat(2, 1fr); }.dashboard-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .mobile-menu-toggle { display: inline-grid; gap: 4px; width: 36px; height: 35px; padding: 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); }.mobile-menu-toggle span { display: block; height: 1.5px; background: var(--navy); }.mobile-menu { position: absolute; z-index: 20; top: 60px; left: 0; right: 0; display: grid; gap: 0; padding: 8px 16px 16px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.99); box-shadow: 0 15px 25px rgba(15,31,42,.1); }.mobile-menu[hidden] { display: none; }.mobile-menu a { padding: 14px 4px; border-bottom: 1px solid #edf0f1; color: var(--navy); font-size: .78rem; font-weight: 800; text-decoration: none; }.mobile-menu a:last-child { border-bottom: 0; }.mobile-menu .mobile-menu__join { margin-top: 8px; padding: 11px; border: 0; border-radius: 6px; color: white; background: var(--green-deep); text-align: center; }.site-footer { display: block; margin-top: 48px; padding: 26px 0 20px; }.site-footer__links { margin: 19px 0; }.site-footer p { text-align: left; }.dashboard-page { margin: 0; }.dashboard-hero { display: block; padding: 25px 21px; }.dashboard-membership { width: 100%; margin-top: 24px; }.dashboard-kpis { gap: 9px; margin-top: 10px; }.dashboard-kpis article { min-height: 122px; padding: 14px; }.dashboard-kpis strong { margin: 11px 0 7px; font-size: 1.12rem; }.dashboard-grid { gap: 10px; margin-top: 10px; }.dashboard-panel { padding: 20px; }.dashboard-panel__header { display: block; }.dashboard-panel__header a { display: inline-block; margin-top: 13px; }.performance-table > div { grid-template-columns: 1.4fr .75fr .55fr .7fr; font-size: .64rem; }.performance-table__head { font-size: .53rem !important; }.dashboard-panel--access { min-height: 245px; } }

/* Premium membership page */
.premium-page--standard { max-width: 1120px; }.premium-page--standard .back-link { margin-bottom: 20px; }.premium-intro { display: grid; grid-template-columns: 1.1fr .9fr; overflow: hidden; border: 1px solid #203a49; border-radius: 13px; color: white; background: var(--navy); }.premium-intro__copy { padding: clamp(31px, 5vw, 63px); }.premium-intro__copy h1 { margin: 0; color: white; font-size: clamp(2.45rem, 5vw, 4.7rem); line-height: .94; letter-spacing: -.08em; }.premium-intro__copy h1 em { color: #91e3ca; font-family: Georgia, serif; font-weight: 500; }.premium-intro__copy > p:not(.eyebrow) { max-width: 530px; margin: 18px 0 0; color: #d1dce1; font-size: .9rem; line-height: 1.65; }.premium-intro__copy .premium-intro__lede { color: #aebfc8; font-size: .78rem; }.premium-intro__actions { display: flex; align-items: center; gap: 19px; margin-top: 28px; }.premium-intro__actions .button { color: #082d24; background: #91e3ca; }.premium-intro__actions .button:hover { background: #b1eedb; }.premium-intro__actions > a:not(.button) { color: #eaf1f3; font-size: .72rem; font-weight: 800; text-decoration: none; }.premium-intro__summary { padding: 37px; border-left: 1px solid rgba(255,255,255,.15); background: #102733; }.premium-intro__summary > p { margin: 0 0 25px; color: #91e3ca; font: 800 .61rem var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }.premium-intro__summary ul { display: grid; gap: 0; padding: 0; margin: 0; list-style: none; }.premium-intro__summary li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.13); }.premium-intro__summary li > span { color: #91e3ca; font: 800 .6rem var(--font-mono); }.premium-intro__summary strong { display: block; color: white; font-size: .79rem; }.premium-intro__summary small { display: block; margin-top: 5px; color: #afbec6; font-size: .66rem; line-height: 1.5; }
.premium-access, .premium-pricing { margin-top: 58px; }.premium-access__heading, .premium-pricing__heading { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin-bottom: 21px; }.premium-access h2, .premium-pricing h2 { max-width: 620px; margin: 0; color: var(--navy); font-size: clamp(1.7rem, 3.1vw, 2.55rem); line-height: 1.03; letter-spacing: -.065em; }.premium-access__heading > p, .premium-pricing__heading > p { max-width: 365px; margin: 0; color: var(--ink-muted); font-size: .75rem; line-height: 1.65; }.access-grid { display: grid; grid-template-columns: 1fr 1.12fr; gap: 13px; }.access-grid article { padding: 27px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }.access-grid article > p { margin: 0; color: var(--ink-muted); font: 800 .61rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }.access-grid h3 { margin: 13px 0 20px; color: var(--navy); font-size: 1.1rem; letter-spacing: -.04em; }.access-grid ul { display: grid; gap: 11px; padding: 0; margin: 0; list-style: none; }.access-grid li { position: relative; padding-left: 20px; color: #52616c; font-size: .72rem; line-height: 1.4; }.access-grid li::before { position: absolute; left: 0; color: var(--green-deep); content: '✓'; font-weight: 900; }.access-grid .access-grid__premium { border-color: #81cdb8; background: #edf9f5; }.access-grid__premium > p { color: var(--green-deep); }.access-grid__premium h3 { color: #073b2f; }
.premium-pricing { padding: clamp(24px, 4vw, 43px); border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }.premium-pricing__heading { margin-bottom: 0; }.plan-grid--premium { grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 27px; }.plan-card--premium { position: relative; display: flex; align-items: flex-start; min-height: 235px; padding: 24px; border: 1px solid #c8d9d5; border-radius: 9px; background: #f6fbfa; transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease; }.plan-card--premium:hover { border-color: var(--green); box-shadow: 0 12px 25px rgba(10,91,71,.11); transform: translateY(-2px); }.plan-card--premium .plan-card__label { color: var(--green-deep); font: 800 .58rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }.plan-card--premium strong { margin-top: 9px; color: var(--navy); font-size: 1rem; }.plan-card--premium .plan-card__price { margin: 13px 0 3px; color: var(--green-deep); font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 900; letter-spacing: -.07em; }.plan-card--premium small { max-width: 280px; color: var(--ink-muted); font-size: .7rem; line-height: 1.5; }.plan-card--premium b { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: auto; padding-top: 17px; border-top: 1px solid #cfe1dc; color: var(--navy); font-size: .69rem; }.plan-card--premium b i { color: var(--green-deep); font-size: 1rem; font-style: normal; }.premium-page--standard .upgrade-note { margin-top: 17px; color: var(--ink-muted); font-size: .68rem; }.premium-assurance { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; margin-top: 16px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }.premium-assurance div { padding: 22px; border-left: 1px solid var(--line); }.premium-assurance div:first-child { border-left: 0; }.premium-assurance strong { color: var(--navy); font-size: .75rem; }.premium-assurance p { margin: 7px 0 0; color: var(--ink-muted); font-size: .67rem; line-height: 1.55; }.premium-page--standard .premium-footnote { margin: 20px 0 0; color: var(--ink-muted); font-size: .66rem; text-align: center; }
@media (max-width: 700px) { .premium-intro { display: block; border-radius: 10px; }.premium-intro__copy { padding: 31px 22px; }.premium-intro__copy h1 { font-size: clamp(2.35rem, 12vw, 3.65rem); }.premium-intro__copy > p:not(.eyebrow) { font-size: .81rem; }.premium-intro__summary { padding: 24px 22px; border-top: 1px solid rgba(255,255,255,.14); border-left: 0; }.premium-intro__summary li { padding: 14px 0; }.premium-access, .premium-pricing { margin-top: 43px; }.premium-access__heading, .premium-pricing__heading { display: block; }.premium-access h2, .premium-pricing h2 { font-size: 1.85rem; }.premium-access__heading > p, .premium-pricing__heading > p { margin-top: 13px; }.access-grid { grid-template-columns: 1fr; gap: 10px; }.access-grid article { padding: 22px; }.premium-pricing { padding: 23px 19px; border-radius: 10px; }.plan-grid--premium { grid-template-columns: 1fr; }.plan-card--premium { min-height: 215px; }.premium-assurance { grid-template-columns: 1fr; }.premium-assurance div { border-top: 1px solid var(--line); border-left: 0; }.premium-assurance div:first-child { border-top: 0; } }

/* Daily football news */
.news-page { max-width: 1120px; }
.news-hero { display: grid; grid-template-columns: 1fr 300px; gap: 20px; padding: clamp(28px, 5vw, 58px); border: 1px solid #203a49; border-radius: 13px; color: #fff; background: var(--navy); }
.news-hero h1 { max-width: 690px; margin: 0; font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .95; letter-spacing: -.08em; }
.news-hero > div:first-child > p:not(.eyebrow) { max-width: 570px; margin: 20px 0 0; color: #d4e0e4; font-size: .88rem; line-height: 1.65; }
.news-coverage { align-self: end; padding: 22px; border: 1px solid rgba(145,227,202,.34); border-radius: 9px; background: rgba(255,255,255,.06); }
.news-coverage span { display: block; color: #91e3ca; font: 800 .61rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.news-coverage strong { display: block; margin-top: 13px; color: white; font-size: 1.13rem; letter-spacing: -.04em; }
.news-coverage small { display: block; margin-top: 8px; color: #aec0c7; font-size: .66rem; line-height: 1.5; }
.news-principles { display: flex; flex-wrap: wrap; gap: 9px; margin: 16px 0 28px; }
.news-principles span { padding: 9px 12px; border: 1px solid #c6dcd6; border-radius: 999px; color: var(--green-deep); background: #eff9f5; font: 800 .59rem var(--font-mono); letter-spacing: .04em; text-transform: uppercase; }
.news-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
.news-card { display: flex; flex-direction: column; min-height: 290px; padding: 23px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.news-card__meta { display: flex; justify-content: space-between; gap: 10px; color: var(--green-deep); font: 800 .6rem var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.news-card__meta time { color: #8a989f; }
.news-card h2 { margin: 16px 0 0; color: var(--navy); font-size: 1.38rem; line-height: 1.07; letter-spacing: -.055em; }
.news-card > p { margin: 13px 0 0; color: var(--ink-muted); font-size: .75rem; line-height: 1.65; }
.news-card__entities { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 17px; }
.news-card__entities span { padding: 5px 8px; border-radius: 3px; color: #48675f; background: #eef4f2; font-size: .61rem; font-weight: 800; }
.news-card footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); color: #7c8b91; font-size: .62rem; }
.news-card footer a { color: var(--green-deep); font-weight: 800; text-decoration: none; white-space: nowrap; }.news-card footer .news-source-link { overflow: hidden; color: #697a80; font-weight: 700; text-overflow: ellipsis; }
.news-empty { grid-column: 1 / -1; padding: 50px 24px; border: 1px dashed #b9ccc7; border-radius: 10px; text-align: center; background: #f4faf8; }
.news-empty strong { color: var(--navy); font-size: .96rem; }
.news-empty p { max-width: 460px; margin: 10px auto 0; color: var(--ink-muted); font-size: .74rem; line-height: 1.6; }
.news-detail-page { max-width: 850px; }
.news-detail-page h1 { max-width: 800px; margin: 0; color: var(--navy); font-size: clamp(2.4rem, 5vw, 4.5rem); line-height: .97; letter-spacing: -.08em; }
.news-detail__summary { max-width: 720px; margin: 22px 0 0; color: var(--ink-muted); font-size: 1rem; line-height: 1.7; }
.news-detail__source { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 31px; padding: 17px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #66767d; font-size: .7rem; }
.news-detail__source a { color: var(--green-deep); font-weight: 800; text-decoration: none; }
.news-detail__note { max-width: 600px; margin-top: 18px; color: #8a989f; font-size: .68rem; line-height: 1.6; }
@media (max-width: 700px) { .news-hero { display: block; padding: 29px 21px; border-radius: 10px; }.news-hero h1 { font-size: clamp(2.55rem, 12vw, 3.8rem); }.news-coverage { margin-top: 25px; }.news-list { grid-template-columns: 1fr; }.news-card { min-height: 265px; padding: 20px; }.news-detail__source { display: block; }.news-detail__source a { display: inline-block; margin-top: 10px; } }
/* Engagement experience */
.matchday-command{margin-top:58px;padding:29px;border:1px solid #cfe1dc;border-radius:13px;background:#edf9f5}.command-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.command-header h2{margin:0;color:var(--navy);font-size:clamp(1.8rem,3.5vw,2.8rem);letter-spacing:-.065em}.command-header p:not(.eyebrow){margin:8px 0 0;color:#55736c;font-size:.75rem}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #b9d9cf;border-radius:999px;color:var(--green-deep);background:#fff;font:800 .59rem var(--font-mono);white-space:nowrap}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green)}.command-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px}.command-panel{min-height:205px;padding:20px;border:1px solid rgba(14,88,70,.14);border-radius:9px;background:#fff}.command-panel--primary{color:#fff;background:var(--navy);border-color:var(--navy)}.command-panel--news{background:#fffaf0;border-color:#ead9a8}.command-panel__label{color:var(--green-deep);font:800 .59rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.command-panel--primary .command-panel__label{color:#91e3ca}.command-panel h3{margin:13px 0 14px;color:var(--navy);font-size:1rem;letter-spacing:-.035em}.command-panel--primary h3{color:#fff}.command-panel p{color:var(--ink-muted);font-size:.72rem;line-height:1.6}.command-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.command-stat-row div{padding-right:9px;border-right:1px solid rgba(255,255,255,.17)}.command-stat-row div:last-child{border:0}.command-stat-row strong{display:block;color:#fff;font-size:1.45rem;letter-spacing:-.06em}.command-stat-row span{display:block;margin-top:4px;color:#b8c9d0;font-size:.59rem}.command-progress{display:flex;align-items:center;gap:8px}.command-progress>span{display:block;flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.15)}.command-progress>span i{display:block;width:72%;height:100%;border-radius:99px;background:#91e3ca}.command-progress small{color:#b8c9d0;font-size:.58rem;white-space:nowrap}.command-link{display:inline-block;margin-top:17px;color:var(--green-deep);font-size:.67rem;font-weight:850;text-decoration:none}.command-panel--primary .command-link{color:#91e3ca}.focus-clubs{display:flex;flex-wrap:wrap;gap:7px}.focus-club{padding:7px 9px;border:1px solid #cae2d9;border-radius:5px;color:var(--green-deep);background:#f5fbf8;font-size:.63rem;font-weight:800}.focus-club span{margin-left:3px;color:var(--green)}.focus-empty{color:var(--ink-muted);font-size:.7rem}.command-news-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:21px;padding-top:14px;border-top:1px solid #ead9a8;color:#7b6c4b;font-size:.62rem}.command-news-line a{color:#795510;font-weight:850;text-decoration:none}
.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-12px 0 20px;padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:#fbfcfc;color:var(--ink-muted);font-size:.65rem}.board-toolbar strong{color:var(--navy)}.board-toolbar a{color:var(--green-deep);font-weight:850;text-decoration:none}.live-card-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.match-status{padding:4px 6px;border-radius:999px;color:#5f7078;background:#eef2f3;font:800 .55rem var(--font-mono);text-transform:uppercase}.match-status--live{color:#0b7255;background:#dff5ed}.match-status--finished{color:#53646b;background:#edf1f2}.match-status--postponed,.match-status--cancelled{color:#91651e;background:#fff1ca}.kickoff-countdown{display:inline-block;margin-top:13px;color:var(--green-deep);font:800 .59rem var(--font-mono)}.evidence-drawer{margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.evidence-drawer summary{color:var(--green-deep);font-size:.68rem;font-weight:850;cursor:pointer}.evidence-drawer p{margin:10px 0 0;color:#53626e;font-size:.72rem;line-height:1.55}.prediction-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.card-actions{display:flex;gap:6px}.card-action{padding:7px 8px;border:1px solid var(--line);border-radius:5px;color:var(--ink-muted);background:#fff;font-size:.62rem;font-weight:800}.card-action:hover,.card-action.is-saved{border-color:#9ccfc0;color:var(--green-deep);background:var(--green-pale)}
.dashboard-lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px}.match-timeline{margin-top:20px}.timeline-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.timeline-item strong{display:block;color:var(--navy);font-size:.72rem}.timeline-item strong span{color:#95a2a7;font-weight:500}.timeline-item small{display:block;margin-top:4px;color:var(--ink-muted);font-size:.6rem}.timeline-item>b{color:var(--green-deep);font-size:.62rem}.dashboard-focus-list{display:grid;gap:7px;margin:18px 0}.dashboard-focus-list span{display:flex;align-items:center;justify-content:space-between;padding:9px;border-radius:5px;color:var(--navy);background:#f4f8f7;font-size:.67rem;font-weight:800}.dashboard-focus-list i{color:var(--green-deep);font-size:.57rem;font-style:normal}.recent-strip{margin-top:20px;padding-top:13px;border-top:1px solid var(--line)}.recent-strip small{display:block;margin-bottom:8px;color:var(--ink-muted);font-size:.6rem}.recent-result{display:inline-block;margin-right:5px;padding:5px 7px;border-radius:4px;color:var(--green-deep);background:var(--green-pale);font-size:.58rem;font-weight:800}.recent-result--lost{color:#9b3c3c;background:#fff0f0}.recent-result--void{color:#7c681e;background:#fff8de}
.trust-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;margin-top:58px;padding:40px;border:1px solid var(--line);border-radius:12px;background:#fff}.trust-section h2{max-width:500px;margin:0;color:var(--navy);font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.02;letter-spacing:-.065em}.trust-section p:not(.eyebrow){max-width:500px;margin:13px 0 0;color:var(--ink-muted);font-size:.76rem;line-height:1.65}.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.trust-points>div{padding:8px 18px;border-left:1px solid var(--line)}.trust-points>div:first-child{border-left:0}.trust-points span{color:var(--green-deep);font-size:1.2rem}.trust-points strong{display:block;margin-top:13px;color:var(--navy);font-size:.74rem}.trust-points small{display:block;margin-top:6px;color:var(--ink-muted);font-size:.62rem;line-height:1.5}.method-lede{max-width:340px;margin:14px 0 0;color:#b8c6cd;font-size:.72rem;line-height:1.6}
.news-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-8px 0 23px}.news-toolbar>span{margin-right:3px;color:var(--ink-muted);font-size:.65rem;font-weight:800}.news-filter{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink-muted);background:#fff;font-size:.62rem;font-weight:800}.news-filter:hover,.news-filter.is-active{border-color:#9ccfc0;color:var(--green-deep);background:var(--green-pale)}
.onboarding-page{max-width:1120px;margin:0 auto}.onboarding-shell{display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;border:1px solid #203a49;border-radius:13px;background:#fff}.onboarding-intro{padding:48px;color:#fff;background:linear-gradient(145deg,#0a1b26,#15374b)}.onboarding-intro h1{margin:0;color:#fff;font-size:clamp(2.3rem,4.6vw,4.1rem);line-height:.97;letter-spacing:-.075em}.onboarding-intro>p:not(.eyebrow){max-width:390px;margin:20px 0 0;color:#c3d0d7;font-size:.82rem;line-height:1.7}.onboarding-proof{display:grid;gap:10px;margin-top:42px}.onboarding-proof span{padding:11px 12px;border:1px solid rgba(145,227,202,.22);border-radius:5px;color:#dbe7e9;font-size:.66rem}.preferences-form{padding:42px}.preferences-form__top h2{margin:0;color:var(--navy);font-size:2rem;letter-spacing:-.06em}.preferences-form__top>p:not(.eyebrow){margin:9px 0 22px;color:var(--ink-muted);font-size:.72rem;line-height:1.55}.preference-group{padding:0;margin:0 0 23px;border:0}.preference-group legend{color:var(--navy);font-size:.78rem;font-weight:850}.preference-group>p{margin:6px 0 11px;color:var(--ink-muted);font-size:.65rem}.preference-options{display:flex;flex-wrap:wrap;gap:7px}.preference-option{display:inline-flex;align-items:center;cursor:pointer}.preference-option input{position:absolute;opacity:0}.preference-option span{padding:8px 10px;border:1px solid var(--line);border-radius:5px;color:#52616c;background:#fff;font-size:.63rem;font-weight:750}.preference-option input:checked+span{border-color:#90cdbb;color:var(--green-deep);background:var(--green-pale)}.notification-options{display:grid;gap:8px}.toggle-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.toggle-option input{accent-color:var(--green-deep)}.toggle-option strong{display:block;color:var(--navy);font-size:.67rem}.toggle-option small{display:block;margin-top:3px;color:var(--ink-muted);font-size:.6rem}.preferences-form__actions{display:flex;align-items:center;gap:17px;margin-top:25px}.quiet-link--dark{color:var(--green-deep)}.form-error{padding:9px 11px;border:1px solid #efc5c5;border-radius:6px;color:#942d2d;background:#fff4f4;font-size:.68rem}.toast{position:fixed;right:20px;bottom:20px;z-index:40;max-width:320px;padding:11px 14px;border-radius:7px;color:#fff;background:var(--navy);font-size:.7rem;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.toast--visible{opacity:1;transform:none}
+@media (max-width:900px){.command-grid{grid-template-columns:1fr 1fr}.command-panel--primary{grid-column:1/-1}.trust-section{grid-template-columns:1fr;gap:25px}.dashboard-lower-grid{grid-template-columns:1fr}}@media (max-width:700px){.matchday-command{margin-top:38px;padding:21px}.command-header{display:block}.live-pill{margin-top:14px}.command-grid{grid-template-columns:1fr}.command-panel{min-height:0}.command-stat-row{margin:20px 0}.command-progress{display:block}.command-progress small{display:block;margin-top:8px}.board-toolbar{display:block}.board-toolbar a{display:inline-block;margin-top:8px}.prediction-card-actions{display:block}.card-actions{margin-top:10px}.trust-section{padding:25px 21px}.trust-points{grid-template-columns:1fr;gap:13px}.trust-points>div{padding:10px 0;border-top:1px solid var(--line);border-left:0}.trust-points>div:first-child{border-top:0}.onboarding-shell{display:block;border-radius:10px}.onboarding-intro{padding:30px 22px}.onboarding-intro h1{font-size:clamp(2.5rem,12vw,3.8rem)}.preferences-form{padding:28px 21px}.preferences-form__top h2{font-size:1.8rem}.preferences-form__actions{display:block}.preferences-form__actions .quiet-link--dark{display:inline-block;margin-top:13px}.news-toolbar{margin-top:-3px}.toast{right:12px;bottom:78px;left:12px;max-width:none}}.account-preferences{display:grid;gap:7px;margin:0 0 18px;padding:16px;border:1px solid #cfe1dc;border-radius:8px;background:#f4faf8}.account-preferences .eyebrow{margin-bottom:0}.account-preferences p:not(.eyebrow){margin:0;color:var(--navy);font-size:.72rem;font-weight:800}.account-preferences small{color:var(--ink-muted);font-size:.64rem}.account-preferences .button{justify-self:start;margin-top:5px}
/* Legal and preference selector surfaces */
.multi-select-dropdown{border:1px solid var(--line);border-radius:8px;background:#fff}.multi-select-dropdown[open]{border-color:#9ccfc0;box-shadow:0 10px 24px rgba(16,36,49,.08)}.multi-select-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;color:var(--navy);font-size:.72rem;font-weight:850;cursor:pointer;list-style:none}.multi-select-dropdown summary::-webkit-details-marker{display:none}.multi-select-dropdown summary::after{content:'⌄';color:var(--green-deep);font-size:1rem}.multi-select-dropdown summary b{margin-left:auto;color:var(--green-deep);font:800 .6rem var(--font-mono)}.multi-select-dropdown__body{padding:0 12px 12px;border-top:1px solid #edf1f1}.preference-search{display:block;padding-top:11px}.preference-search input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:5px;color:var(--navy);font-size:.7rem}.preference-options--clubs{max-height:240px;overflow:auto;padding-top:10px}.preference-option[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.legal-page{max-width:1120px;margin:0 auto}.legal-hero{padding:clamp(28px,5vw,58px);border:1px solid #203a49;border-radius:13px;color:#fff;background:var(--navy)}.legal-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(2.35rem,5vw,4.7rem);line-height:.97;letter-spacing:-.08em}.legal-hero p:not(.eyebrow){max-width:650px;margin:19px 0 0;color:#d1dde2;font-size:.88rem;line-height:1.7}.legal-hero small{display:block;margin-top:24px;color:#91e3ca;font:800 .6rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.legal-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:18px;align-items:start}.legal-nav{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#fff;position:sticky;top:18px}.legal-nav a{padding:10px;border-radius:5px;color:var(--ink-muted);font-size:.68rem;font-weight:800;text-decoration:none}.legal-nav a:hover,.legal-nav a.is-active{color:var(--green-deep);background:var(--green-pale)}.legal-content{padding:29px 32px;border:1px solid var(--line);border-radius:10px;background:#fff}.legal-content section{padding:0 0 23px;margin:0 0 23px;border-bottom:1px solid var(--line)}.legal-content section:last-of-type{margin-bottom:0}.legal-content h2{margin:0;color:var(--navy);font-size:1rem;letter-spacing:-.025em}.legal-content p{margin:9px 0 0;color:#52616c;font-size:.76rem;line-height:1.75}.legal-contact{padding-top:20px;color:var(--ink-muted);font-size:.72rem}.legal-contact a{color:var(--green-deep);font-weight:850}.site-footer__links{flex-wrap:wrap;justify-content:center}@media(max-width:700px){.legal-hero{padding:29px 21px;border-radius:10px}.legal-hero h1{font-size:clamp(2.45rem,12vw,3.8rem)}.legal-layout{grid-template-columns:1fr;margin-top:10px}.legal-nav{position:static;display:flex;overflow:auto;gap:4px;padding:8px}.legal-nav a{flex:none;white-space:nowrap}.legal-content{padding:23px 20px}.site-footer__links{display:flex;gap:11px 14px}}.dashboard-pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.dashboard-pulse{min-height:172px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.dashboard-pulse--accent{color:#fff;border-color:var(--navy);background:var(--navy)}.dashboard-pulse--gold{background:#fffaf0;border-color:#ead9a8}.dashboard-pulse__label{display:block;color:var(--green-deep);font:800 .58rem var(--font-mono);letter-spacing:.09em}.dashboard-pulse--accent .dashboard-pulse__label{color:#91e3ca}.dashboard-pulse strong{display:block;margin-top:19px;color:var(--navy);font-size:1.2rem;letter-spacing:-.04em}.dashboard-pulse--accent strong{color:#fff}.dashboard-pulse p{margin:7px 0 0;color:var(--ink-muted);font-size:.68rem;line-height:1.5}.dashboard-pulse--accent p{color:#c3d0d7}.dashboard-pulse a{display:inline-block;margin-top:16px;color:var(--green-deep);font-size:.65rem;font-weight:850;text-decoration:none}.dashboard-pulse--accent a{color:#91e3ca}@media(max-width:900px){.dashboard-pulse-grid{grid-template-columns:1fr 1fr}.dashboard-pulse--accent{grid-column:1/-1}}@media(max-width:700px){.dashboard-pulse-grid{grid-template-columns:1fr}.dashboard-pulse--accent{grid-column:auto}}/* Expanded watchlist controls */
.preference-group--dropdown legend{display:flex;align-items:center;justify-content:space-between;gap:10px}.preference-count{color:var(--green-deep);font:800 .58rem var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.preference-options--scroll{max-height:250px;overflow:auto;padding:11px 2px 2px}.preference-options--scroll .preference-option{margin:0 3px 6px 0}.preference-progress{display:flex;gap:7px;margin-top:18px}.preference-progress span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#89959a;font:800 .55rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.preference-progress span.is-active{border-color:#9acdbd;color:var(--green-deep);background:var(--green-pale)}.onboarding-proof strong{display:inline-block;margin-right:4px;color:#91e3ca;font-size:.9rem}.onboarding-note{max-width:300px;margin-top:30px;color:#91aab3;font-size:.63rem;line-height:1.55}.preference-group--notifications{padding-top:5px;border-top:1px solid var(--line)}
@media(max-width:700px){.preference-progress{overflow:auto;padding-bottom:3px}.preference-progress span{flex:none}.preference-options--scroll{max-height:220px}.onboarding-note{margin-top:24px}}.news-watchlist{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 8px;padding:20px 22px;border:1px solid #cfe1dc;border-radius:10px;background:#f4fbf8}.news-watchlist h2{margin:0;color:var(--navy);font-size:1.15rem;letter-spacing:-.04em}.news-watchlist p:not(.eyebrow){margin:7px 0 0;color:var(--ink-muted);font-size:.68rem;line-height:1.5}.news-watchlist .button{flex:none}@media(max-width:700px){.news-watchlist{display:block;padding:18px}.news-watchlist .button{display:inline-block;margin-top:15px}}
/* Account-grade dashboard, settings and explicit plan selection */
.dashboard-membership small{display:block;margin:8px 0 13px;color:#c6d4d9;font-size:.63rem;line-height:1.55}.dashboard-subscription{display:grid;grid-template-columns:1.1fr .8fr .9fr 1.1fr;align-items:center;gap:18px;margin-top:16px;padding:19px 21px;border:1px solid #cfe1dc;border-radius:10px;background:#f5fbf9}.dashboard-subscription>div{min-height:45px;padding-left:17px;border-left:1px solid #d8ebe5}.dashboard-subscription>div:first-child{padding-left:0;border-left:0}.dashboard-subscription .eyebrow{margin-bottom:4px}.dashboard-subscription strong{display:block;color:var(--navy);font-size:1.16rem}.dashboard-subscription span{display:block;margin-top:3px;color:var(--ink-muted);font-size:.65rem}.dashboard-subscription small{display:block;color:var(--ink-muted);font-size:.59rem}.dashboard-subscription b{display:block;margin-top:5px;color:var(--navy);font-size:.7rem}.dashboard-subscription__action{text-align:right}.dashboard-subscription__action a:not(.button){display:block;margin-top:7px;color:var(--green-deep);font-size:.66rem;font-weight:850;text-decoration:none}.dashboard-subscription__action .button{display:inline-block}.upgrade-form{margin-top:27px}.plan-card--premium{cursor:pointer}.plan-card--premium input{position:absolute;width:1px;height:1px;opacity:0}.plan-card--premium.is-selected{border-color:var(--green);background:#eaf8f3;box-shadow:0 12px 25px rgba(10,91,71,.13);transform:translateY(-2px)}.plan-card--premium.is-selected b i{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;color:white;background:var(--green-deep)}.upgrade-form__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.upgrade-form__footer p{margin:0;color:var(--ink-muted);font-size:.67rem}.upgrade-form__footer .button{flex:none}.settings-page{max-width:1080px;margin:0 auto}.settings-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:clamp(28px,5vw,51px);border-radius:13px;color:#fff;background:var(--navy)}.settings-hero h1{max-width:680px;margin:0;color:#fff;font-size:clamp(2.25rem,5vw,4.4rem);line-height:.98;letter-spacing:-.08em}.settings-hero p:not(.eyebrow){max-width:620px;margin:17px 0 0;color:#cbd8dd;font-size:.82rem;line-height:1.65}.settings-hero__mark{display:grid;place-items:center;flex:none;width:112px;height:112px;border:1px solid #91e3ca;border-radius:50%;color:#91e3ca;text-align:center;font:400 2rem/1 Georgia,serif}.settings-hero__mark b{font:800 .52rem var(--font-mono);letter-spacing:.1em}.settings-panel{margin-top:16px}.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.settings-card{padding:25px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 8px 20px rgba(21,36,48,.035)}.settings-card--form{grid-row:span 2}.settings-card__heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:21px}.settings-card__heading h2{margin:0;color:var(--navy);font-size:1.23rem;letter-spacing:-.04em}.settings-card__index{color:var(--green-deep);font:800 .58rem var(--font-mono)}.settings-card label:not(.settings-toggle){display:grid;gap:7px;margin-top:15px;color:var(--navy);font-size:.68rem;font-weight:800}.settings-card input:not([type=checkbox]){height:42px;padding:0 11px;border:1px solid var(--line);border-radius:6px;color:var(--navy);background:#fff;font-size:.72rem}.settings-card input[readonly]{color:var(--ink-muted);background:#f5f7f7}.settings-help,.settings-note{display:block;color:var(--ink-muted);font-size:.65rem;line-height:1.55}.settings-card fieldset{margin:24px 0 18px;padding:17px 0 0;border:0;border-top:1px solid var(--line)}.settings-card legend{padding:0;color:var(--navy);font-size:.7rem;font-weight:850}.settings-toggle{display:flex;align-items:center;gap:10px;margin-top:13px}.settings-toggle input{accent-color:var(--green)}.settings-toggle span{display:grid;gap:3px}.settings-toggle strong{color:var(--navy);font-size:.68rem}.settings-toggle small{color:var(--ink-muted);font-size:.61rem}.settings-status{margin:14px 0 0;color:var(--green-deep);font-size:.68rem;font-weight:800}.settings-card--form>.button{margin-top:17px}.settings-subscription-badge{display:flex;align-items:center;gap:10px;padding:15px;border-radius:7px;background:#f1f5f6}.settings-subscription-badge.is-premium{background:#e9f8f2}.settings-subscription-badge strong{color:var(--navy);font-size:1.05rem}.settings-subscription-badge span{color:var(--ink-muted);font-size:.67rem}.settings-dates{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.settings-dates div{padding:12px;border-radius:6px;background:#f6f8f8}.settings-dates dt{color:var(--ink-muted);font-size:.59rem}.settings-dates dd{margin:5px 0 0;color:var(--navy);font-size:.67rem;font-weight:850}.settings-card--subscription .button{margin-top:14px}.settings-chip-list{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.settings-chip-list span{padding:6px 8px;border-radius:4px;color:var(--green-deep);background:var(--green-pale);font-size:.61rem;font-weight:800}.settings-links{display:grid;gap:7px;margin-top:16px}.settings-links a{color:var(--green-deep);font-size:.67rem;font-weight:850;text-decoration:none}@media(max-width:850px){.dashboard-subscription{grid-template-columns:1fr 1fr}.dashboard-subscription__action{text-align:left}.settings-grid{grid-template-columns:1fr}.settings-card--form{grid-row:auto}}@media(max-width:700px){.dashboard-subscription{grid-template-columns:1fr 1fr;padding:16px}.dashboard-subscription>div:nth-child(odd){padding-left:0;border-left:0}.dashboard-subscription__action{grid-column:1/-1}.upgrade-form__footer{display:block}.upgrade-form__footer .button{width:100%;margin-top:13px}.settings-hero{display:block}.settings-hero__mark{width:78px;height:78px;margin-top:24px;font-size:1.4rem}.settings-card{padding:21px}.settings-dates{grid-template-columns:1fr}}
.board-limit-note{margin:-8px 0 20px;padding:11px 14px;border:1px solid #ead9a8;border-radius:7px;color:#6e571c;background:#fffbf1;font-size:.68rem;line-height:1.5}.board-limit-note a{color:var(--green-deep);font-weight:850;text-decoration:none}

.plan-card__launch{display:inline-flex;align-self:flex-start;padding:5px 7px;border-radius:4px;color:#8a641b;background:#fff4d1;font:800 .55rem var(--font-mono);letter-spacing:.04em;text-transform:uppercase}

.conviction-panel{margin:28px 0 25px;padding:23px;border:1px solid #cfe1dc;border-radius:10px;background:#f4fbf8}.conviction-panel__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.conviction-panel__heading h2{margin:0;color:var(--navy);font-size:1.55rem;letter-spacing:-.05em}.conviction-panel__heading>p{max-width:420px;margin:0;color:var(--ink-muted);font-size:.67rem;line-height:1.55}.conviction-panel .live-prediction-list{margin:0}.conviction-panel .live-prediction-card{background:#fff}@media(max-width:700px){.conviction-panel{padding:18px}.conviction-panel__heading{display:block}.conviction-panel__heading>p{margin-top:10px}}

.dashboard-transparency{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.dashboard-panel__note{color:var(--ink-muted);font-size:.6rem}.dashboard-disclaimer{margin:-7px 0 17px;color:var(--ink-muted);font-size:.65rem;line-height:1.55}.rolling-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rolling-grid article{padding:15px;border:1px solid #d8ebe5;border-radius:7px;background:#f7fcfa}.rolling-grid article span,.rolling-grid article small{display:block;color:var(--ink-muted);font-size:.59rem}.rolling-grid article strong{display:block;margin:7px 0 4px;color:var(--navy);font-size:1.5rem;letter-spacing:-.06em}.rolling-grid article b{display:block;margin:8px 0 3px;color:var(--green-deep);font-size:.7rem}.performance-table--league{overflow:auto}.performance-table--league .performance-table__head,.performance-table--league>div{min-width:500px;grid-template-columns:1.65fr .6fr .55fr .55fr .55fr .7fr}.performance-table--league>div{display:grid;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:.64rem}.performance-table--league>div strong{color:var(--navy)}.performance-table--league>div span{color:var(--ink-muted)}.performance-table--league>div b{color:var(--green-deep)}@media(max-width:850px){.dashboard-transparency{grid-template-columns:1fr}}@media(max-width:700px){.rolling-grid{grid-template-columns:1fr}.dashboard-panel__note{display:none}}

.settings-card--danger{border-color:#efcaca;background:#fff8f8}.button--danger{color:#fff;background:#9b3030;border-color:#9b3030}.button--danger:hover{background:#7f2424;border-color:#7f2424}.delete-account-action{border-color:#efcaca!important;background:#fff8f8!important}.delete-account-page .legal-content a{color:var(--green-deep);font-weight:850}.delete-account-page .legal-content .button{color:#fff}