:root{--green-900:#073b2f;--green-800:#0a4d3c;--green-700:#0c5f49;--green-600:#00995a;--green-500:#00b86b;--green-400:#20e68a;--green-100:#d6f7e6;--green-50:#eafbf2;--gold-600:#f0b13a;--gold-500:#ffc857;--gold-100:#fff3d6;--red-600:#dc2626;--red-500:#ef4444;--red-100:#fee2e2;--white:#fff;--bg-light:#f4fbf7;--bg-dark:#031b16;--text:#10231f;--text-muted:#64748b;--text-invert:#eafbf2;--text-invert-muted:#9dc8b8;--surface:#fff;--surface-2:#f4fbf7;--surface-3:#e8f4ee;--surface-dark:#0a2b23;--surface-dark-2:#0f3a2f;--border:#dcebe4;--border-strong:#c3ddd1;--border-dark:#ffffff1a;--primary:var(--green-500);--primary-hover:var(--green-600);--primary-contrast:var(--white);--accent:var(--gold-500);--danger:var(--red-500);--focus-ring:#00b86b73;--font-title:"Sora", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--fs-display:clamp(2.5rem, 1.6rem + 4vw, 4rem);--fs-h1:clamp(2rem, 1.4rem + 2.6vw, 3rem);--fs-h2:clamp(1.5rem, 1.2rem + 1.4vw, 2rem);--fs-h3:clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--fs-lg:1.125rem;--fs-body:1rem;--fs-sm:.875rem;--fs-caption:.75rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--lh-tight:1.15;--lh-heading:1.25;--lh-body:1.6;--tracking-tight:-.02em;--tracking-wide:.04em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px #073b2f0f;--shadow-sm:0 2px 8px #073b2f14;--shadow-md:0 8px 24px #073b2f1a;--shadow-lg:0 18px 48px #073b2f24;--shadow-glow:0 8px 32px #00b86b47;--container:1200px;--container-narrow:780px;--header-h:84px;--ease:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur:.25s;--dur-slow:.4s;--z-header:100;--z-overlay:200;--z-modal:300;--z-toast:400}@media (prefers-reduced-motion:reduce){:root{--dur-fast:.01ms;--dur:.01ms;--dur-slow:.01ms}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);background:var(--bg-light);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;max-width:100%;min-height:100vh;overflow-x:hidden}#main:not(.auth-form-pane){max-width:100%;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);line-height:var(--lh-heading);letter-spacing:var(--tracking-tight);font-weight:var(--fw-bold);color:inherit}.display{font-size:var(--fs-display);font-weight:var(--fw-extra);line-height:var(--lh-tight)}h1,.h1{font-size:var(--fs-h1)}h2,.h2{font-size:var(--fs-h2)}h3,.h3{font-size:var(--fs-h3)}.text-lg{font-size:var(--fs-lg)}small,.text-sm{font-size:var(--fs-sm)}.caption{font-size:var(--fs-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--fw-semibold)}p{color:inherit}a{color:var(--green-600);transition:color var(--dur) var(--ease);text-decoration:none}a:hover{color:var(--green-500)}img,svg{max-width:100%;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:var(--z-toast);background:var(--green-900);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:top var(--dur) var(--ease);position:absolute;top:-100%}.skip-link:focus{top:var(--space-4)}.container{width:100%;max-width:var(--container);padding-inline:var(--space-5);margin-inline:auto}@media (width<=480px){.container{padding-inline:var(--space-4)}}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-9)}@media (width<=768px){.section{padding-block:var(--space-7)}}.section-head{max-width:640px;margin:0 auto var(--space-7);text-align:center}.section-head .eyebrow{color:var(--green-600);margin-bottom:var(--space-2)}.section-head p{color:var(--text-muted);margin-top:var(--space-3);font-size:var(--fs-lg)}.eyebrow{align-items:center;gap:var(--space-2);font-size:var(--fs-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--fw-bold);display:inline-flex}.text-muted{color:var(--text-muted)}.text-gold{color:var(--gold-600)}.text-center{text-align:center}.grid{gap:var(--space-5);display:grid}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}[hidden]{display:none!important}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-title);font-weight:var(--fw-semibold);font-size:var(--fs-sm);letter-spacing:-.01em;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--dur-fast) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);white-space:nowrap;border:1.5px solid #0000;padding:.85rem 1.4rem;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn i{font-size:.95em}.btn--primary{background:var(--green-500);color:var(--white);box-shadow:var(--shadow-glow)}.btn--primary:hover{background:var(--green-600);color:var(--white);transform:translateY(-1px)}.btn--secondary{background:var(--surface);color:var(--green-700);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover{border-color:var(--green-500);color:var(--green-600);transform:translateY(-1px)}.btn--ghost{color:var(--text);background:0 0}.btn--ghost:hover{background:var(--surface-3);color:var(--green-700)}.btn--gold{background:var(--gold-500);color:var(--green-900)}.btn--gold:hover{background:var(--gold-600);color:var(--green-900);transform:translateY(-1px)}.btn--on-dark.btn--secondary{color:var(--text-invert);border-color:var(--border-dark);background:#ffffff0f}.btn--on-dark.btn--secondary:hover{color:var(--white);background:#ffffff1f}.btn--lg{font-size:var(--fs-body);padding:1.05rem 1.8rem}.btn--sm{font-size:var(--fs-caption);padding:.55rem 1rem}.btn--block{width:100%;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease)}.card--hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-4px)}.card--dark{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-invert)}.badge{font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.02em;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--green-700);align-items:center;gap:.4em;padding:.3rem .7rem;line-height:1;display:inline-flex}.badge--live{background:var(--green-100);color:var(--green-700)}.badge--live:before{content:"";background:var(--green-500);border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse-live;box-shadow:0 0 #00b86b80}.badge--soon{background:var(--surface-3);color:var(--text-muted)}.badge--gold{background:var(--gold-100);color:var(--gold-600)}.badge--danger{background:var(--red-100);color:var(--red-600)}.badge--private{background:var(--surface-3);color:var(--text-muted)}@keyframes pulse-live{0%{box-shadow:0 0 #00b86b80}70%{box-shadow:0 0 0 6px #00b86b00}to{box-shadow:0 0 #00b86b00}}.icon-chip{border-radius:var(--radius-md);background:var(--green-100);width:48px;height:48px;color:var(--green-700);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.icon-chip--gold{background:var(--gold-100);color:var(--gold-600)}.icon-chip--lg{width:60px;height:60px;font-size:1.5rem}.feature-card{text-align:left}.feature-card .icon-chip{margin-bottom:var(--space-4)}.feature-card h3{font-size:var(--fs-h3);margin-bottom:var(--space-2)}.feature-card p{color:var(--text-muted);font-size:var(--fs-sm)}.step-card{text-align:left;position:relative}.step-card .step-num{font-family:var(--font-title);font-weight:var(--fw-extra);color:var(--green-100);margin-bottom:var(--space-3);font-size:2.25rem;line-height:1}.step-card h3{font-size:var(--fs-h3);margin-bottom:var(--space-2)}.step-card p{color:var(--text-muted);font-size:var(--fs-sm)}.stat-card{align-items:center;gap:var(--space-4);display:flex}.stat-card .stat-value{font-family:var(--font-title);font-weight:var(--fw-extra);font-size:1.75rem;line-height:1}.stat-card .stat-label{color:var(--text-muted);font-size:var(--fs-sm)}.competition-card{gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.competition-card .comp-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.competition-card .comp-icon{border-radius:var(--radius-md);width:46px;height:46px;color:var(--white);background:var(--comp-color,var(--green-600));justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.competition-card h3{font-size:var(--fs-lg)}.competition-card .comp-region{color:var(--text-muted);font-size:var(--fs-sm)}.competition-card .comp-actions{padding-top:var(--space-3);margin-top:auto}.pool-card{gap:var(--space-3);flex-direction:column;display:flex}.pool-card .pool-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.pool-card h3{font-size:var(--fs-lg)}.pool-card .pool-comp{color:var(--text-muted);font-size:var(--fs-sm)}.pool-card .pool-meta{gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:var(--space-1) 0;flex-wrap:wrap;display:flex}.pool-card .pool-meta-item{flex-direction:column;gap:2px;display:flex}.pool-card .pool-meta-item .k{font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.pool-card .pool-meta-item .v{font-weight:var(--fw-semibold);font-family:var(--font-title)}.pool-card .pool-foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.news-card{gap:var(--space-3);flex-direction:column;padding:0;display:flex;overflow:hidden}.news-card .news-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--green-700), var(--green-500));color:#ffffff80;justify-content:center;align-items:center;font-size:2rem;display:flex}.news-card .news-body{padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.news-card h3{font-size:var(--fs-lg)}.news-card .news-excerpt{color:var(--text-muted);font-size:var(--fs-sm)}.news-card .news-meta{color:var(--text-muted);font-size:var(--fs-caption);margin-top:auto}.match-card{align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.match-card .team{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.match-card .team--away{text-align:right;flex-direction:row-reverse}.match-card .team-flag{object-fit:cover;width:26px;height:20px;box-shadow:var(--shadow-xs);border-radius:3px}.match-card .team-name{font-weight:var(--fw-semibold);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.match-card .score{font-family:var(--font-title);font-weight:var(--fw-extra);background:var(--surface-2);border-radius:var(--radius-sm);white-space:nowrap;padding:.2rem .7rem;font-size:1.25rem}.avatar{width:40px;height:40px;font-family:var(--font-title);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--white);background:var(--green-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar--sm{width:30px;height:30px;font-size:var(--fs-caption)}.avatar--stack{border:2px solid var(--surface);margin-left:-10px}.avatar--stack:first-child{margin-left:0}.avatar-group{align-items:center;display:flex}.tabs-nav{gap:var(--space-1);padding:var(--space-1);background:var(--surface-3);border-radius:var(--radius-pill);display:inline-flex}.tabs-nav .tab{border-radius:var(--radius-pill);font-family:var(--font-title);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text-muted);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);padding:.55rem 1.1rem}.tabs-nav .tab:hover{color:var(--green-700)}.tabs-nav .tab.is-active{background:var(--surface);color:var(--green-700);box-shadow:var(--shadow-xs)}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--text-muted)}.empty-state .icon-chip{margin:0 auto var(--space-4)}.empty-state h3{color:var(--text);margin-bottom:var(--space-2)}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 37%, var(--surface-3) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton}@keyframes skeleton{0%{background-position:100%}to{background-position:0}}.invite-box{align-items:center;gap:var(--space-2);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);display:flex}.invite-box code{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.site-header{z-index:var(--z-header);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border);background:#f4fbf7d9;max-width:100%;position:sticky;top:0}.site-header__inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;padding-block:.65rem;display:flex}.brand{align-items:center;gap:var(--space-2);min-width:0;font-family:var(--font-title);font-weight:var(--fw-extra);color:var(--text);letter-spacing:var(--tracking-tight);flex-shrink:1;font-size:1.2rem;display:inline-flex}.brand__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand:hover{color:var(--text)}.brand__mark{background:linear-gradient(165deg, var(--green-900) 0%, var(--green-700) 100%);border:1px solid #073b2f33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:3px;display:inline-flex;box-shadow:0 2px 8px #073b2f29,inset 0 1px #ffffff1a}.brand__logo{object-fit:contain;width:100%;max-width:none;height:100%;display:block}.brand__mark--dark{background:0 0}.site-footer .brand__mark{box-shadow:none;background:#ffffff1a;border-color:#ffffff2e}.site-nav{align-items:center;gap:var(--space-1);flex:auto;justify-content:center;min-width:0;display:flex}.site-nav a{border-radius:var(--radius-pill);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);padding:.5rem .75rem}.site-nav a:hover{background:var(--surface-3);color:var(--green-700)}.site-nav a.is-active{color:var(--green-700);font-weight:var(--fw-semibold)}.header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;min-width:0;display:flex}.user-menu{position:relative}.user-menu__toggle{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);align-items:center;gap:.5rem;padding:.35rem .65rem .35rem .35rem;display:inline-flex}.user-menu__toggle:hover,.user-menu.is-open .user-menu__toggle{background:var(--surface-3);border-color:var(--green-200)}.user-menu__avatar{background:var(--green-500);width:28px;height:28px;color:var(--white);font-size:.75rem;font-weight:var(--fw-bold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.user-menu__name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.user-menu__caret{color:var(--text-muted);transition:transform var(--dur) var(--ease);font-size:.7rem}.user-menu.is-open .user-menu__caret{transform:rotate(180deg)}.user-menu__dropdown{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);min-width:12rem;box-shadow:var(--shadow-lg);z-index:calc(var(--z-header) + 1);padding:.35rem;position:absolute;top:calc(100% + .35rem);right:0}.user-menu__item{border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding:.65rem .75rem;display:flex}.user-menu__item:hover{background:var(--surface-3);color:var(--green-700)}.user-menu__item--danger:hover{color:#b91c1c}.user-menu__logout{border-top:1px solid var(--border);margin:.25rem 0 0;padding-top:.25rem}.dashboard-page{padding:var(--space-8) 0 var(--space-10)}.dashboard-page__inner{gap:var(--space-6);display:grid}.dashboard-hero h1{font-family:var(--font-title);margin-top:var(--space-3);font-size:clamp(1.75rem,3vw,2.4rem)}.dashboard-hero p{color:var(--text-muted);max-width:42rem;margin-top:var(--space-3)}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.dashboard-card{gap:var(--space-3);padding:var(--space-5);display:grid}.dashboard-card__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--dash-color) 14%, white);width:44px;height:44px;color:var(--dash-color);justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.dashboard-card h2{font-size:1.1rem}.dashboard-card p{color:var(--text-muted);font-size:var(--fs-sm);flex:1}.nav-toggle{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text);justify-content:center;align-items:center;font-size:1.2rem;display:none}.nav-toggle:hover{background:var(--surface-3)}@media (width<=1024px){.nav-toggle{display:inline-flex}.user-menu__name{max-width:6.5rem}.site-nav{inset:var(--header-h) 0 auto 0;align-items:stretch;gap:var(--space-1);background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4);box-shadow:var(--shadow-lg);transition:transform var(--dur) var(--ease);max-height:calc(100dvh - var(--header-h));width:100%;max-width:100%;z-index:calc(var(--z-header) - 1);flex-direction:column;flex:none;position:fixed;overflow:hidden auto;transform:translateY(-120%)}body.nav-open .site-nav{transform:translateY(0)}.site-nav a{white-space:normal;padding:.85rem 1rem}.header-actions .btn--secondary{display:none}}@media (width<=560px){.site-header__inner{gap:var(--space-2)}.brand{font-size:1.05rem}.header-actions{gap:var(--space-1)}.header-actions .btn--sm{padding:.5rem .75rem;font-size:.75rem}}@media (width<=420px){.brand__name,.header-actions .btn--primary .btn__label{display:none}.header-actions .btn--primary{padding:.5rem .65rem}.user-menu__name,.user-menu__caret{display:none}.user-menu__toggle{padding:.35rem}}.site-footer{background:var(--green-900);color:var(--text-invert-muted);padding-block:var(--space-8) var(--space-6);margin-top:var(--space-8)}.site-footer a{color:var(--text-invert-muted);font-size:var(--fs-sm)}.site-footer a:hover{color:var(--white)}.footer-grid{gap:var(--space-6);padding-bottom:var(--space-7);border-bottom:1px solid var(--border-dark);grid-template-columns:1.6fr repeat(3,1fr);display:grid}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}}.site-footer .brand{color:var(--white);margin-bottom:var(--space-3)}.footer-about p{font-size:var(--fs-sm);max-width:34ch}.footer-col h4{color:var(--white);font-size:var(--fs-sm);margin-bottom:var(--space-3);font-family:var(--font-title)}.footer-col ul{gap:var(--space-2);flex-direction:column;display:flex}.footer-social{gap:var(--space-2);margin-top:var(--space-4);display:flex}.footer-social a{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-invert-muted);background:#ffffff0f;justify-content:center;align-items:center;display:inline-flex}.footer-social a:hover{background:var(--green-500);color:var(--white)}.footer-bottom{padding-top:var(--space-5);gap:var(--space-3);font-size:var(--fs-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-bottom span{min-width:0}.footer-disclaimer{border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);margin-top:var(--space-5);background:#ffffff0a}.footer-disclaimer i{color:var(--gold-500);margin-right:var(--space-2)}.hero{background:radial-gradient(1200px 600px at 85% -10%, #20e68a29, transparent 60%), radial-gradient(900px 500px at 0% 10%, #00b86b1a, transparent 55%), var(--bg-light);position:relative;overflow:hidden}.hero__inner{gap:var(--space-8);padding-block:var(--space-9);grid-template-columns:1.05fr .95fr;align-items:center;min-width:0;display:grid}@media (width<=980px){.hero__inner{gap:var(--space-7);padding-block:var(--space-7);grid-template-columns:1fr}}.hero__copy{min-width:0}.hero__copy .eyebrow{color:var(--green-600);margin-bottom:var(--space-4)}.hero__title{font-size:var(--fs-display);font-weight:var(--fw-extra);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;word-break:break-word}.hero__title .accent{color:var(--green-600)}.hero__subtitle{margin-top:var(--space-5);font-size:var(--fs-lg);color:var(--text-muted);max-width:52ch}.hero__cta{margin-top:var(--space-6);gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__trust{margin-top:var(--space-6);align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--fs-sm);flex-wrap:wrap;min-width:0;display:flex}.hero__trust>span:last-child{flex:12rem;min-width:0}.hero__trust .avatar-group{margin-right:var(--space-1)}.copa-strip{align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--green-900), var(--green-700));color:var(--text-invert);box-shadow:var(--shadow-md);display:flex}.copa-strip .icon-chip{color:var(--gold-500);background:#ffffff1f}.copa-strip .copa-strip__text{flex:1;min-width:0}.copa-strip strong{color:var(--white);font-family:var(--font-title);display:block}.copa-strip span{font-size:var(--fs-sm);color:var(--text-invert-muted)}@media (width<=560px){.copa-strip{flex-direction:column;align-items:flex-start}.copa-strip .btn{width:100%}}.hero__mock{min-width:0;max-width:100%;position:relative}.mock-window{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5);gap:var(--space-4);display:grid}.mock-window__bar{margin-bottom:var(--space-1);gap:6px;display:flex}.mock-window__bar span{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.mock-window__bar span:first-child{background:var(--red-500);opacity:.6}.mock-window__bar span:nth-child(2){background:var(--gold-500);opacity:.7}.mock-window__bar span:nth-child(3){background:var(--green-500);opacity:.7}.mock-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.mock-row>.card{min-width:0}.mock-row--match{grid-template-columns:1fr}@media (width<=420px){.mock-row{grid-template-columns:1fr}}.hero-match-card{align-items:stretch;gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.hero-match-grid{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;display:grid}.hero-match-team{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.hero-match-team .team-flag{object-fit:cover;width:28px;height:21px;box-shadow:var(--shadow-xs);border-radius:3px;flex-shrink:0}.hero-match-team .team-name{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text);white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;line-height:1.25}.hero-match-score{font-family:var(--font-title);font-weight:var(--fw-extra);background:var(--surface-2);border-radius:var(--radius-sm);white-space:nowrap;text-align:center;flex-shrink:0;padding:.35rem .55rem;font-size:1.05rem;line-height:1}.hero-match-grid--compact .team-name{display:none}.hero-match-grid--compact .team-flag{width:24px;height:18px}.hero-match-grid--compact .hero-match-score{font-size:var(--fs-sm);padding:.25rem .45rem}#hero-preview-palpite .hero-match-grid{margin-bottom:var(--space-3)}#hero-preview-palpite .mock-guest-hint{margin-top:0}#hero-preview-palpite .btn--sm{font-size:var(--fs-caption);padding:.65rem 1rem}#hero-preview-palpite .btn--ghost{margin-top:var(--space-2)}.mock-rank{padding:var(--space-3) var(--space-4)}.mock-rank h4{font-size:var(--fs-caption);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.mock-rank h4 i{color:var(--gold-500)}.mock-rank-row{align-items:center;gap:var(--space-2);padding:.35rem 0;display:flex}.mock-rank-row+.mock-rank-row{border-top:1px solid var(--border)}.mock-rank-pos{font-family:var(--font-title);font-weight:var(--fw-bold);width:18px;font-size:var(--fs-caption);color:var(--text-muted);flex-shrink:0}.mock-rank-row.is-top .mock-rank-pos{color:var(--gold-600)}.mock-rank-name{min-width:0;font-weight:var(--fw-medium);font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mock-rank-pts{font-family:var(--font-title);font-weight:var(--fw-bold);font-size:var(--fs-caption);flex-shrink:0}.mock-rank-row.is-you{background:var(--green-50,color-mix(in srgb, var(--green-500) 8%, transparent));border-radius:var(--radius-md);padding-inline:var(--space-2)}.mock-rank-meta{color:var(--text-muted);margin-top:var(--space-2);font-size:.7rem}.mock-guest-hint{color:var(--text-muted);margin-top:var(--space-2);font-size:.7rem;line-height:1.35}.mock-guest-hint a{color:var(--green-600);font-weight:var(--fw-semibold)}.mock-float{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:-18px;right:-14px}@media (width<=980px){.mock-float{display:none}}.mock-float .icon-chip{width:40px;height:40px;font-size:1.1rem}.mock-float .v{font-family:var(--font-title);font-weight:var(--fw-extra);font-size:1.1rem}.mock-float .k{font-size:var(--fs-caption);color:var(--text-muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.metrics{gap:var(--space-5);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}@media (width<=640px){.metrics{grid-template-columns:1fr 1fr}}.metric .metric-value{font-family:var(--font-title);font-weight:var(--fw-extra);color:var(--green-700);font-size:2rem}.metric .metric-label{color:var(--text-muted);font-size:var(--fs-sm)}.cta-band{background:radial-gradient(700px 400px at 80% 0%, #20e68a2e, transparent 60%), linear-gradient(120deg, var(--green-900), var(--green-700));color:var(--text-invert);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-7);text-align:center}.cta-band h2{color:var(--white);font-size:var(--fs-h1)}.cta-band p{color:var(--text-invert-muted);max-width:52ch;margin:var(--space-3) auto var(--space-6);font-size:var(--fs-lg)}.cta-band .hero__cta{justify-content:center}.section--muted{background:var(--surface-2)}.contact-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=860px){.contact-grid{grid-template-columns:1fr}}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.field input,.field textarea{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:.8rem 1rem}.field input:focus,.field textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.field textarea{resize:vertical;min-height:120px}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{cursor:pointer;padding:var(--space-4) 0;font-weight:var(--fw-semibold);font-family:var(--font-title);justify-content:space-between;align-items:center;gap:var(--space-3);list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--green-600);transition:transform var(--dur) var(--ease);font-size:1.3rem}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--text-muted);padding-bottom:var(--space-4);font-size:var(--fs-sm)}.pricing-layout{gap:var(--space-6);grid-template-columns:.9fr 1.1fr;align-items:start;display:grid}@media (width<=900px){.pricing-layout{grid-template-columns:1fr}}.pricing-free{gap:var(--space-5);border-color:var(--green-100);background:linear-gradient(180deg, var(--surface) 0%, #00b86b0a 100%);flex-direction:column;display:flex}.pricing-free__head h3{font-size:var(--fs-h2);margin-top:var(--space-3)}.pricing-free__price{font-family:var(--font-title);font-weight:var(--fw-extra);color:var(--green-700);margin-top:var(--space-2);font-size:2.5rem;line-height:1}.pricing-free__price span{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted)}.pricing-free__list{gap:var(--space-3);flex-direction:column;flex:1;list-style:none;display:flex}.pricing-free__list li{align-items:flex-start;gap:var(--space-3);font-size:var(--fs-sm);color:var(--text);display:flex}.pricing-free__list i{color:var(--green-500);flex-shrink:0;margin-top:2px}.pricing-config{gap:var(--space-5);flex-direction:column;display:flex}.pricing-config__head{align-items:flex-start;gap:var(--space-4);display:flex}.pricing-config__head h3{font-size:var(--fs-h3);margin-bottom:var(--space-1)}.pricing-extras{gap:var(--space-3);border:none;flex-direction:column;margin:0;padding:0;display:flex}.extra-option{cursor:pointer;display:block}.extra-option input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.extra-option__box{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);display:flex}.extra-option:hover .extra-option__box{border-color:var(--border-strong);background:var(--surface-2)}.extra-option input:checked+.extra-option__box{border-color:var(--green-500);box-shadow:0 0 0 3px var(--focus-ring);background:#00b86b0f}.extra-option input:focus-visible+.extra-option__box{outline:2px solid var(--green-600);outline-offset:2px}.extra-option__icon{border-radius:var(--radius-sm);background:var(--gold-100);width:40px;height:40px;color:var(--gold-600);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.extra-option input:checked+.extra-option__box .extra-option__icon{background:var(--green-100);color:var(--green-700)}.extra-option__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.extra-option__text strong{font-size:var(--fs-sm);font-family:var(--font-title)}.extra-option__text span{font-size:var(--fs-caption);color:var(--text-muted)}.extra-option__fee{font-family:var(--font-title);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--gold-600);white-space:nowrap}.extra-option__fee--high{color:var(--green-700);font-size:var(--fs-body)}.extra-option--premium .extra-option__box{border-color:color-mix(in srgb, var(--green-500) 35%, var(--border));background:linear-gradient(135deg, var(--surface) 0%, var(--green-50) 100%)}.extra-option--premium:hover .extra-option__box{border-color:var(--green-500)}.extra-option--premium input:checked+.extra-option__box{border-color:var(--green-500);background:var(--green-50)}.extra-option--premium .extra-option__icon{background:var(--green-100);color:var(--green-700)}.extra-option--premium input:checked+.extra-option__box .extra-option__icon{background:var(--green-500);color:var(--white)}.pricing-prize{margin-bottom:0}.pricing-prize__input{align-items:stretch;display:flex}.pricing-prize__prefix{background:var(--surface-3);border:1.5px solid var(--border-strong);border-radius:var(--radius-md) 0 0 var(--radius-md);font-weight:var(--fw-semibold);color:var(--text-muted);font-size:var(--fs-sm);border-right:none;align-items:center;padding:0 1rem;display:inline-flex}.pricing-prize__input input{border:1.5px solid var(--border-strong);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--surface);font-family:var(--font-title);font-weight:var(--fw-semibold);font-size:var(--fs-body);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex:1;padding:.8rem 1rem}.pricing-prize__input input:focus{border-color:var(--green-500);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.pricing-summary{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--green-900), var(--green-700));color:var(--text-invert)}.pricing-summary__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;font-size:var(--fs-sm);display:flex}.pricing-summary__row strong{font-family:var(--font-title);font-size:var(--fs-lg);color:var(--white)}.pricing-summary__row--muted{color:var(--text-invert-muted);padding-top:var(--space-3);border-top:1px solid #ffffff1f}.pricing-summary__row--highlight{padding-top:var(--space-3);margin-top:var(--space-1);border-top:1px solid #ffffff1f}.pricing-summary__row--highlight strong{color:var(--gold-500);font-size:1.5rem}.pricing-summary__note{margin-top:var(--space-3);font-size:var(--fs-caption);color:var(--text-invert-muted);line-height:var(--lh-normal)}