: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)}.auth-page{background:var(--white)}.auth-layout{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-layout__form{min-width:0;padding:clamp(var(--space-6), 4vw, var(--space-10));background:var(--white);justify-content:center;align-items:center;display:flex}.auth-form-pane{gap:var(--space-6);flex-direction:column;width:100%;max-width:420px;min-height:min(720px,100%);display:flex}.auth-form-top{flex-shrink:0}.auth-brand.brand{font-size:1.15rem}.auth-form-body{view-transition-name:auth-form;flex-direction:column;flex:1;justify-content:center;display:flex}@keyframes auth-slide-in-forward{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes auth-slide-in-back{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes auth-slide-out-forward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-18px)}}@keyframes auth-slide-out-back{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(18px)}}.auth-form-body--leaving{pointer-events:none}.auth-form-body--leave-forward{animation:auth-slide-out-forward .22s var(--ease,ease) forwards}.auth-form-body--leave-back{animation:auth-slide-out-back .22s var(--ease,ease) forwards}.auth-form-body--enter-forward{animation:auth-slide-in-forward .34s var(--ease,ease) forwards}.auth-form-body--enter-back{animation:auth-slide-in-back .34s var(--ease,ease) forwards}::view-transition-old(auth-form){animation:.22s forwards auth-slide-out-forward}::view-transition-new(auth-form){animation:.34s forwards auth-slide-in-forward}@media (prefers-reduced-motion:reduce){.auth-form-body--leave-forward,.auth-form-body--leave-back,.auth-form-body--enter-forward,.auth-form-body--enter-back{animation:none!important}::view-transition-old(auth-form){animation:none!important}::view-transition-new(auth-form){animation:none!important}}.auth-form-foot{padding-top:var(--space-2);flex-shrink:0}.auth-back-home{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);transition:color var(--dur) var(--ease);display:inline-flex}.auth-back-home:hover{color:var(--green-600)}.auth-layout__visual{background:var(--green-900);position:relative;overflow:hidden}.auth-visual__bg{background:radial-gradient(ellipse 70% 55% at 50% 42%, #00b86b38 0%, transparent 68%), radial-gradient(circle at 85% 15%, #ffc85714 0%, transparent 40%), linear-gradient(155deg, var(--green-700) 0%, var(--green-900) 42%, var(--bg-dark) 100%);position:absolute;inset:0}.auth-visual__bg:after{content:"";opacity:.35;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 70%,#000 20%,#0000 100%)}.auth-visual__slot{z-index:1;min-height:100%;padding:var(--space-10);justify-content:center;align-items:center;display:flex;position:relative}.auth-visual-brand{text-align:center;justify-content:center;align-items:center;gap:var(--space-5);max-width:22rem;animation:auth-visual-fade-in .7s var(--ease) both;flex-direction:column;display:flex}.auth-visual-brand__logo-wrap{filter:drop-shadow(0 14px 36px #00000047);flex-shrink:0;width:min(168px,34vw);height:min(168px,34vw)}.auth-visual-brand__logo{object-fit:contain;width:100%;height:100%;display:block}.auth-visual-brand__title{font-family:var(--font-title);font-size:clamp(2.25rem,2rem + 1.8vw,3.25rem);font-weight:var(--fw-extra);letter-spacing:var(--tracking-tight);color:var(--white);margin:0;line-height:1.05}.auth-visual-brand__tagline{font-size:clamp(1.05rem,.95rem + .6vw,1.35rem);font-weight:var(--fw-medium);color:#ffffffe6;max-width:20ch;margin:0;line-height:1.55}@keyframes auth-visual-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.auth-layout{grid-template-columns:1fr}.auth-layout__visual{display:none}.auth-layout__form{border-top:4px solid var(--green-500);min-height:100dvh}.auth-form-pane{min-height:auto}}@media (prefers-reduced-motion:reduce){.auth-visual-brand{animation:none}}.auth-card__head{margin-bottom:var(--space-6)}.auth-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--green-600);margin-bottom:var(--space-3);display:inline-flex}.auth-card__head h1{letter-spacing:var(--tracking-tight);font-size:clamp(1.75rem,1.3rem + 1.5vw,2.25rem);line-height:var(--lh-tight)}.auth-card__head p{color:var(--text-muted);font-size:var(--fs-body);margin-top:var(--space-3);line-height:var(--lh-body);max-width:36ch}.auth-form .form-group:last-of-type{margin-bottom:var(--space-2)}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.input-wrap{position:relative}.input-wrap__icon{color:var(--text-muted);pointer-events:none;transition:color var(--dur) var(--ease);font-size:.9rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-wrap:focus-within .input-wrap__icon{color:var(--green-600)}.input-wrap--password .input--auth{padding-right:2.85rem}.input-toggle-pwd{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;transition:color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.input-toggle-pwd:hover{color:var(--green-600);background:var(--green-50)}.input-toggle-pwd:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.auth-form--wizard{gap:var(--space-4)}.auth-wizard-progress-wrap{background:var(--surface-3);border-radius:var(--radius-pill);height:4px;margin-bottom:var(--space-4);overflow:hidden}.auth-wizard-progress{height:100%;width:var(--wizard-progress,0%);background:linear-gradient(90deg, var(--green-500), var(--green-400));border-radius:inherit;transition:width .35s var(--ease,ease);display:block}.auth-wizard-steps{gap:var(--space-2);margin:0 0 var(--space-5);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.auth-wizard-steps__item{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;display:flex}.auth-wizard-steps__num{width:28px;height:28px;font-family:var(--font-title);font-size:var(--fs-caption);font-weight:var(--fw-bold);background:var(--surface-3);border:1.5px solid var(--border);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.auth-wizard-steps__label{font-size:.7rem;font-weight:var(--fw-medium)}.auth-wizard-steps__item.is-active{color:var(--green-700)}.auth-wizard-steps__item.is-active .auth-wizard-steps__num{background:var(--green-500);border-color:var(--green-500);color:var(--white)}.auth-wizard-steps__item.is-done{color:var(--green-600)}.auth-wizard-steps__item.is-done .auth-wizard-steps__num{background:var(--green-100);border-color:var(--green-500);color:var(--green-700)}.auth-wizard-panel__head{margin-bottom:var(--space-4)}.auth-wizard-panel__head h2{font-size:var(--fs-lg);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.auth-wizard-panel__head p{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.auth-wizard-panel{animation:.32s auth-wizard-in}@keyframes auth-wizard-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.auth-wizard-actions{gap:var(--space-3);margin-top:var(--space-2);display:grid}@media (prefers-reduced-motion:reduce){.auth-wizard-progress{transition:none}.auth-wizard-panel{animation:none}}.password-rules{margin:var(--space-2) 0 0;padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--space-2);list-style:none;display:grid}.password-rules__item,.password-match-hint{align-items:center;gap:var(--space-2);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--red-600);transition:color var(--dur) var(--ease);display:flex}.password-rules__item.is-valid,.password-match-hint.is-valid{color:var(--green-600)}.password-rules__item i,.password-match-hint i{flex-shrink:0;font-size:.8rem}.password-match-hint{margin-top:var(--space-2)}.input{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:.8rem 1rem;line-height:1.4}.input--auth{border-radius:var(--radius-lg);background:var(--surface-2);border-color:var(--border);padding:.95rem 1rem .95rem 2.75rem}.input--auth:hover{border-color:var(--border-strong);background:var(--surface)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--green-500);box-shadow:0 0 0 4px var(--focus-ring);background:var(--surface);outline:none}.input:disabled{background:var(--surface-2);color:var(--text-muted);opacity:.8;cursor:not-allowed}.form-error{color:var(--red-600);font-size:var(--fs-sm);font-weight:var(--fw-medium);flex-direction:column;gap:2px;display:flex}.form-error li{list-style:none}.form-hint{font-size:var(--fs-sm);color:var(--text-muted);margin:var(--space-2) 0 0;line-height:1.5}.form-status{background:var(--green-50);border:1px solid var(--green-100);color:var(--green-700);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.auth-form-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-2) 0 var(--space-5);flex-wrap:wrap;display:flex}.form-checkbox{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text);cursor:pointer;margin:0;display:inline-flex}.form-checkbox input[type=checkbox]{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);width:18px;height:18px;accent-color:var(--green-500);cursor:pointer}.auth-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.auth-actions--stack{flex-direction:column;align-items:stretch}.auth-actions--end{justify-content:flex-end}.auth-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--green-600)}.auth-link:hover{color:var(--green-500)}.auth-switch{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-muted)}.auth-switch a{font-weight:var(--fw-semibold);color:var(--green-600)}.auth-switch a:hover{color:var(--green-500)}.auth-hint{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-5)}.auth-header__inner{justify-content:center}.auth-shell{min-height:calc(100vh - var(--header-h));padding:var(--space-8) var(--space-4);background:var(--bg-light);justify-content:center;align-items:center;display:flex}@media (width<=640px){.auth-shell{padding:var(--space-6) var(--space-3)}}.auth-card{width:100%;max-width:440px;padding:var(--space-6)}@media (width<=480px){.auth-card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-md)}}.profile-shell{padding:var(--space-8) 0;background:var(--bg-light);min-height:calc(100vh - var(--header-h))}.profile-card{max-width:640px;margin:0 auto var(--space-5);padding:var(--space-6)}.profile-card:last-child{margin-bottom:0}.profile-card header{margin-bottom:var(--space-5)}.profile-card header h2{font-size:var(--fs-h3)}.profile-card header p{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--space-2)}.profile-card .form-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-5);display:flex}.profile-card .form-saved{color:var(--green-600);font-size:var(--fs-sm);font-weight:var(--fw-medium)}@media (width<=480px){.profile-card{padding:var(--space-5) var(--space-4)}}.auth-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.bolao-palpites-list{margin:0 0 var(--space-5);gap:var(--space-4);max-height:min(52vh,520px);padding:0;padding-right:var(--space-1);flex-direction:column;list-style:none;display:flex;overflow-y:auto}.bolao-palpite-item{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2)}.bolao-palpite-item__head{gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.bolao-palpite-item__chave{color:var(--green-700);font-weight:700}.bolao-palpite-item__match{margin:0 0 var(--space-4);font-size:1.05rem}.bolao-palpite-item__match span{margin:0 var(--space-2);color:var(--text-muted)}.bolao-palpite-item__inputs{gap:var(--space-3);grid-template-columns:1fr auto 1fr;align-items:end;display:grid}.bolao-palpite-item__inputs .form-group{margin-bottom:0}.bolao-palpite-input{text-align:center;font-size:1.25rem;font-weight:700;padding-left:1rem!important}.bolao-palpite-sep{color:var(--text-muted);padding-bottom:.85rem;font-weight:700}.bolao-palpites-hint{margin-bottom:var(--space-5)}.bolao-palpites-empty{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--green-50);color:var(--green-800);margin-bottom:var(--space-5);font-size:var(--fs-sm);line-height:1.5}@media (width<=480px){.bolao-palpite-item__inputs{grid-template-columns:1fr}.bolao-palpite-sep{display:none}}