.ui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.ui-loading__spinner{color:var(--color-accent);animation:ui-loading-spin .8s linear infinite}@keyframes ui-loading-spin{to{transform:rotate(360deg)}}.notification-bell{position:relative}.notification-bell__trigger{position:relative;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;padding:var(--space-2)}.notification-bell__badge{position:absolute;top:0;right:0;background-color:var(--color-danger);color:var(--color-text-inverse);font-size:10px;font-weight:var(--fw-bold);min-width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding-inline:3px}.notification-bell__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:300px;max-width:80vw;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:60;overflow:hidden}.notification-bell__header{padding:var(--space-4);font-weight:var(--fw-semibold);border-bottom:1px solid var(--color-border);color:var(--color-primary)}.notification-bell__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--fs-sm)}.notification-bell__list{max-height:320px;overflow-y:auto}.notification-bell__item{padding:var(--space-4);font-size:var(--fs-sm);color:var(--color-text);border-bottom:1px solid var(--color-border);cursor:pointer}.notification-bell__item:last-child{border-bottom:none}.notification-bell__item:hover{background-color:var(--color-background)}.notification-bell__item--unread{background-color:#eff6ff;font-weight:var(--fw-medium)}.navbar{position:sticky;top:0;z-index:50;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.navbar__brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:var(--fs-lg);color:var(--color-primary)}.navbar__brand:hover{text-decoration:none}.navbar__toggle{display:flex;background:none;border:none;color:var(--color-primary);cursor:pointer}.navbar__nav{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-1);transform:translateY(-150%);transition:transform var(--transition-base)}.navbar__nav--open{transform:translateY(0)}.navbar__link{padding:var(--space-3) var(--space-2);color:var(--color-text);font-weight:var(--fw-medium);border-radius:var(--radius-sm)}.navbar__link:hover{background-color:var(--color-background);text-decoration:none}.navbar__link--active{color:var(--color-secondary);font-weight:var(--fw-semibold)}.navbar__cta{margin-top:var(--space-2);text-align:center;padding:var(--space-3) var(--space-5);background-color:var(--color-secondary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--fw-semibold);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--fs-base);font-family:inherit}.navbar__cta:hover{background-color:#15803d;text-decoration:none}.navbar__cta--logout{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.navbar__cta--logout:hover{background-color:var(--color-background)}@media(min-width:960px){.navbar__toggle{display:none}.navbar__nav{position:static;flex-direction:row;align-items:center;border-bottom:none;padding:0;transform:none;gap:var(--space-1)}.navbar__cta{margin-top:0;margin-left:var(--space-3)}}.ad-slot{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.ad-slot__banner-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.ad-slot__banner{display:block;width:100%}.ad-slot__banner img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.ad-slot__caption{display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:center;text-decoration:none;cursor:pointer}.ad-slot__caption[data-size=xs]{font-size:11px}.ad-slot__caption[data-size=sm]{font-size:var(--fs-sm)}.ad-slot__caption[data-size=md]{font-size:var(--fs-base)}.ad-slot__caption[data-size=lg]{font-size:var(--fs-lg)}.ad-slot__caption[data-size=xl]{font-size:var(--fs-xl)}.ad-slot__adsense,.ad-slot__html{width:100%}.ad-slot__adsense iframe,.ad-slot__html iframe{width:100%!important;max-width:100%}.footer{background-color:var(--color-primary);color:#94a3b8;padding-top:var(--space-10);margin-top:var(--space-16)}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8);padding-bottom:var(--space-8)}@media(max-width:720px){.footer__inner{grid-template-columns:1fr}}.footer__brand-name{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-inverse);font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:var(--fs-lg)}.footer__tagline{margin-top:var(--space-3);max-width:32ch;font-size:var(--fs-sm)}.footer__contacts{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-4);font-size:var(--fs-sm)}.footer__contact-label{font-weight:var(--fw-semibold);color:#cbd5e1}.footer__column{display:flex;flex-direction:column;gap:var(--space-3)}.footer__column h4{color:var(--color-text-inverse);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-1)}.footer__column a{color:#94a3b8;font-size:var(--fs-sm)}.footer__column a:hover{color:var(--color-text-inverse)}.footer__bottom{border-top:1px solid #1E293B;padding-block:var(--space-5);font-size:var(--fs-xs);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.footer__country{background:none;border:1px solid #1E293B;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:inherit;font-size:var(--fs-xs);cursor:pointer}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-primary);color:#cbd5e1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-6);transform:translate(-100%);transition:transform var(--transition-base);z-index:60;overflow-y:auto}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:var(--fs-lg);color:var(--color-text-inverse)}.admin-sidebar nav{display:flex;flex-direction:column;gap:var(--space-1)}.admin-sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:#cbd5e1;font-size:var(--fs-sm);font-weight:var(--fw-medium)}.admin-sidebar__link:hover:not(.admin-sidebar__link--active){background-color:#1e293b;text-decoration:none}.admin-sidebar__link--active{background-color:var(--color-secondary);color:var(--color-text-inverse)}@media(min-width:1024px){.admin-sidebar{transform:translate(0)}}.admin-header{display:flex;align-items:center;gap:var(--space-4);height:var(--header-height);padding-inline:var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:40}.admin-header__toggle{background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex}.admin-header__title{font-size:var(--fs-xl);flex:1}.admin-header__logout{display:flex;align-items:center;gap:var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer}.admin-header__logout:hover{background-color:var(--color-background)}@media(min-width:1024px){.admin-header__toggle{display:none}}.admin-layout{min-height:100vh;background-color:var(--color-background)}.admin-layout__main{min-height:100vh}.admin-layout__content{padding:var(--space-6)}@media(min-width:1024px){.admin-layout__main{margin-left:var(--sidebar-width)}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--fw-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button--sm{padding:var(--space-2) var(--space-3);font-size:var(--fs-sm)}.ui-button--md{padding:var(--space-3) var(--space-5);font-size:var(--fs-base)}.ui-button--lg{padding:var(--space-4) var(--space-6);font-size:var(--fs-lg)}.ui-button--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.ui-button--primary:not(:disabled):hover{background-color:#1e293b}.ui-button--secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.ui-button--secondary:not(:disabled):hover{background-color:#15803d}.ui-button--outline{background-color:transparent;border-color:var(--color-border);color:var(--color-primary)}.ui-button--outline:not(:disabled):hover{background-color:var(--color-background)}.ui-button--danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.ui-button--danger:not(:disabled):hover{background-color:#b91c1c}.ui-button__spinner{animation:ui-button-spin .8s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}.ui-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a80;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.ui-modal{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.ui-modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;padding:var(--space-1);border-radius:var(--radius-sm)}.ui-modal__close:hover{background-color:var(--color-background)}.ui-modal__body{padding:var(--space-6)}.country-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:var(--space-4)}@media(min-width:640px){.country-popup__overlay{align-items:center}}.country-popup{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.country-popup__flag{font-size:40px;margin-bottom:var(--space-3)}.country-popup h3{margin-bottom:var(--space-3)}.country-popup p{color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-5)}.country-popup__actions{display:flex;flex-direction:column;gap:var(--space-3)}.country-popup__skip{background:none;border:none;color:var(--color-text-muted);font-size:var(--fs-xs);margin-top:var(--space-4);cursor:pointer}.country-popup__search{display:flex;align-items:center;gap:var(--space-3);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:var(--color-text-muted)}.country-popup__search input{border:none;outline:none;background:none;flex:1;font-size:var(--fs-sm);color:var(--color-text)}.country-popup__list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column}.country-popup__list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:none;border:none;border-radius:var(--radius-md);text-align:left;font-size:var(--fs-sm);color:var(--color-text);cursor:pointer}.country-popup__list-item:hover{background-color:var(--color-background)}.vip-upsell-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:var(--space-4)}@media(min-width:640px){.vip-upsell-popup__overlay{align-items:center}}.vip-upsell-popup{position:relative;background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.vip-upsell-popup h3{margin-bottom:var(--space-3)}.vip-upsell-popup p{color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-5)}.vip-upsell-popup__cta{width:100%}.vip-upsell-popup__close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2)}.exit-intent-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:var(--space-4)}@media(min-width:640px){.exit-intent-popup__overlay{align-items:center}}.exit-intent-popup{position:relative;background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.exit-intent-popup h3{margin-bottom:var(--space-3)}.exit-intent-popup p{color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-5)}.exit-intent-popup__cta{width:100%}.exit-intent-popup__close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2)}.ui-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-card--padded{padding:var(--space-6)}.featured-match{position:relative;overflow:hidden;border-radius:var(--radius-lg);color:var(--color-text-inverse);margin-bottom:var(--space-8);min-height:420px}.featured-match__backgrounds{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:0}.featured-match__bg{flex:1;background-size:cover;background-position:top center;background-color:var(--color-primary);position:relative}.featured-match__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0f172a59,#0f172a8c 45%,#0f172aeb)}.featured-match__bg--home{background-color:var(--color-primary);clip-path:polygon(0 0,100% 0,92% 100%,0% 100%)}.featured-match__bg--away{background-color:#1e293b;clip-path:polygon(8% 0,100% 0,100% 100%,0% 100%);margin-left:-4%}.featured-match__content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:420px;padding:var(--space-6)}.featured-match__competition-badge{position:absolute;top:var(--space-4);z-index:2;border-radius:var(--radius-md);box-shadow:0 2px 10px #0006}.featured-match__competition-badge--left{left:var(--space-4);width:48px;height:48px;object-fit:contain;background-color:#ffffffeb;padding:var(--space-1)}.featured-match__competition-badge--right{right:var(--space-4);width:48px;height:32px;object-fit:cover}.featured-match__header{display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:#e2e8f0;background-color:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);width:fit-content;margin-inline:auto;margin-bottom:var(--space-3)}.featured-match__tagline{display:block;text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-premium);letter-spacing:.03em;background-color:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);width:fit-content;margin:var(--space-4) auto 0}.featured-match__matchup{display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-4);flex:1}.featured-match__team{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:1;min-width:0}.featured-match__team-footer{position:absolute;bottom:var(--space-4);z-index:2;display:flex;align-items:center;gap:var(--space-2);background-color:#0f172a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-full);padding:var(--space-1);padding-right:var(--space-3)}.featured-match__team-footer--left{left:var(--space-4)}.featured-match__team-footer--right{right:var(--space-4);flex-direction:row-reverse;padding-right:var(--space-1);padding-left:var(--space-3)}.featured-match__team-footer-crest{width:40px;height:40px;object-fit:contain;background-color:#fffffff2;border-radius:var(--radius-md);padding:3px}.featured-match__team-footer-name{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:#fff;white-space:nowrap}.featured-match__coach-panel{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;max-width:130px;background-color:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:0 4px 14px #00000059}.featured-match__coach-photo{width:100%;max-width:120px;aspect-ratio:3 / 4;object-fit:cover;object-position:top center;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.35);box-shadow:0 4px 14px #00000073}.featured-match__coach-photo--placeholder{background-color:#ffffff14;border-style:dashed}.featured-match__coach-name{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#e2e8f0;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6)}.featured-match__center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);flex-shrink:0}.featured-match__vs{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-premium),#FBBF24);color:var(--color-primary);font-size:var(--fs-lg);font-weight:var(--fw-extrabold);font-family:var(--font-heading);box-shadow:0 4px 14px #0006,0 0 0 3px #ffffff40;animation:featured-match-pulse 2s ease-in-out infinite}.featured-match__upcoming-group{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}@keyframes featured-match-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.featured-match__live-badge{background-color:var(--color-danger);color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);animation:featured-match-live-blink 1.4s ease-in-out infinite}@keyframes featured-match-live-blink{0%,to{opacity:1}50%{opacity:.6}}.featured-match__live-badge--ht{background-color:#475569;animation:none}.featured-match__live-badge--ft{background-color:var(--color-premium);color:var(--color-primary);animation:none}.featured-match__score{font-size:32px;font-weight:var(--fw-extrabold);font-family:var(--font-heading);text-shadow:0 2px 10px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.9)}.featured-match__final-label{font-size:var(--fs-xs);color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.8)}.featured-match__countdown{display:flex;gap:var(--space-2);background-color:#0f172ad1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:0 4px 14px #00000059}.featured-match__countdown span{background-color:#ffffff24;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);min-width:44px;text-align:center}.featured-match__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-5);font-size:var(--fs-xs);color:#e2e8f0;background-color:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);width:fit-content;margin-inline:auto}.featured-match__meta-item{display:flex;align-items:center;gap:var(--space-1)}.featured-match__cta{display:block;text-align:center;margin-top:var(--space-6);background-color:var(--color-secondary);color:#fff;font-weight:var(--fw-bold);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);width:fit-content;margin-inline:auto;box-shadow:0 4px 14px #0006}.featured-match__cta:hover{opacity:.9;text-decoration:none}@media(max-width:640px){.featured-match{min-height:420px}.featured-match__content{min-height:420px;padding:var(--space-4)}.featured-match__competition-badge--left{width:38px;height:38px}.featured-match__competition-badge--right{width:38px;height:26px}.featured-match__header{font-size:var(--fs-xs);padding:var(--space-2) var(--space-4)}.featured-match__team-name{font-size:var(--fs-sm)}.featured-match__coach-photo{max-width:88px}.featured-match__coach-panel{max-width:100px;padding:var(--space-1)}.featured-match__vs{width:44px;height:44px;font-size:var(--fs-base)}.featured-match__countdown span{min-width:36px;padding:var(--space-1) var(--space-2);font-size:var(--fs-xs)}.featured-match__team-footer{flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md)}.featured-match__team-footer--right{flex-direction:column;padding:var(--space-2)}.featured-match__team-footer-crest{width:32px;height:32px;padding:2px}.featured-match__team-footer-name{font-size:10px;white-space:normal;text-align:center;max-width:60px;line-height:1.2}}.testimonials-carousel{background-size:cover;background-position:center;background-repeat:no-repeat}.testimonials-carousel__inner{padding-block:var(--space-12)}.testimonials-carousel__heading{text-align:center;margin-bottom:var(--space-3);color:var(--color-text-inverse)}.testimonials-carousel__highlight{color:var(--color-secondary)}.testimonials-carousel__intro{text-align:center;max-width:640px;margin:0 auto var(--space-8);color:#cbd5e1}.testimonials-carousel__stage{position:relative;display:flex;align-items:center;justify-content:center}.testimonials-carousel__slide{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;background:linear-gradient(160deg,#fffaf0,#fff3d6 55%,#fffaf0);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #f59e0b66,var(--shadow-lg);padding:var(--space-6);animation:testimonials-carousel-fade var(--transition-base, .2s) ease;touch-action:pan-y;-webkit-user-select:none;user-select:none}@keyframes testimonials-carousel-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.testimonials-carousel__screenshot-wrap{position:relative;width:100%;height:520px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background-color:#fff3d6}.testimonials-carousel__screenshot{width:100%;height:100%;object-fit:fill;display:block}.testimonials-carousel__won-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:4px;background-color:var(--color-secondary);color:var(--color-text-inverse);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;padding:4px 8px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.testimonials-carousel__perforation{position:relative;width:100%;border-top:2px dashed rgba(245,158,11,.5);margin-block:var(--space-1)}.testimonials-carousel__perforation:before,.testimonials-carousel__perforation:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background-color:#0c1620}.testimonials-carousel__perforation:before{left:-8px}.testimonials-carousel__perforation:after{right:-8px}.testimonials-carousel__stats{display:flex;justify-content:center;gap:var(--space-5);flex-wrap:wrap}.testimonials-carousel__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.testimonials-carousel__stat-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.testimonials-carousel__stat-value{font-weight:var(--fw-semibold);color:var(--color-primary);font-size:var(--fs-sm)}.testimonials-carousel__amount{color:var(--color-secondary);font-weight:var(--fw-extrabold);font-size:var(--fs-2xl)}.testimonials-carousel__quote{text-align:center;font-style:italic;color:var(--color-text);font-size:var(--fs-sm);max-width:340px}.testimonials-carousel__details{text-align:center}.testimonials-carousel__name{font-weight:var(--fw-semibold);color:var(--color-primary)}.testimonials-carousel__country{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--fs-sm)}.testimonials-carousel__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.testimonials-carousel__dot{width:8px;height:8px;border-radius:var(--radius-full);border:none;background-color:var(--color-border);cursor:pointer;padding:0}.testimonials-carousel__dot--active{background-color:var(--color-secondary);width:20px}.home-hero{background-color:var(--color-primary);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-text-inverse);padding-block:var(--space-16)}.home-hero__inner{max-width:640px}.home-hero h1{color:var(--color-text-inverse)}.home-hero__subtitle{margin-top:var(--space-4);font-size:var(--fs-lg);color:#cbd5e1}.home-hero__highlight{color:var(--color-secondary)}.home-hero__actions{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-4)}.home-features{padding-block:var(--space-16)}.home-features h2{text-align:center;margin-bottom:var(--space-4)}.home-features__highlight{color:var(--color-secondary)}.home-features__intro{text-align:center;max-width:640px;margin:0 auto var(--space-10);color:var(--color-text-muted)}.home-features__disclaimer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);color:var(--color-text-muted);font-size:var(--fs-sm);text-align:center}.home-features__grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.home-features__grid h3{margin-top:var(--space-4)}.home-features__grid p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--fs-sm)}.home-hero__actions .ui-button--outline{color:var(--color-text-inverse);border-color:var(--color-text-inverse)}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center}.ui-empty__icon{color:var(--color-text-muted)}.ui-empty__description{color:var(--color-text-muted);max-width:32ch}.ui-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.4}.ui-badge--neutral{background-color:var(--color-background);color:var(--color-text-muted);border:1px solid var(--color-border)}.ui-badge--success{background-color:#dcfce7;color:#15803d}.ui-badge--premium{background-color:#fef3c7;color:#b45309}.ui-badge--danger{background-color:#fee2e2;color:#b91c1c}.ui-badge--accent{background-color:#cffafe;color:#0e7490}.team-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0;line-height:1}.match-progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:var(--space-3) 0}.match-progress__countdown{display:flex;gap:var(--space-2)}.match-progress__countdown span{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-primary);min-width:32px;text-align:center}.match-progress__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.03em}.match-progress__badge--live{background-color:var(--color-danger);color:#fff;animation:match-progress-live-blink 1.4s ease-in-out infinite}@keyframes match-progress-live-blink{0%,to{opacity:1}50%{opacity:.65}}.match-progress__badge--halftime{background-color:var(--color-border);color:var(--color-text-muted)}.match-progress__badge--awaiting{background-color:var(--color-premium);color:var(--color-primary)}.match-progress__badge--finished{background-color:var(--color-text-muted);color:#fff}.match-progress__score{font-size:var(--fs-lg);font-weight:var(--fw-extrabold);color:var(--color-primary)}.prediction-card{border-top:3px solid var(--color-border);transition:border-color .15s ease}.prediction-card--won{border-top-color:var(--color-secondary);background:linear-gradient(180deg,rgba(22,163,74,.04) 0%,transparent 60px)}.prediction-card--lost{border-top-color:var(--color-danger);background:linear-gradient(180deg,rgba(220,38,38,.04) 0%,transparent 60px)}.prediction-card--pending{border-top-color:var(--color-accent);background:linear-gradient(180deg,rgba(6,182,212,.05) 0%,transparent 60px)}.prediction-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.prediction-card__league{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.prediction-card__league-crest{width:28px;height:28px;object-fit:contain}.prediction-card__flag{width:18px;height:12px;object-fit:cover;border-radius:2px}.prediction-card__teams{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.prediction-card__team{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;min-width:0;text-align:center}.prediction-card__team span{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.prediction-card__crest{width:48px;height:48px;object-fit:contain;border-radius:50%;background-color:#fff;border:1px solid var(--color-border);padding:0;flex-shrink:0}.prediction-card__vs{color:var(--color-text-muted);font-weight:var(--fw-medium);font-size:var(--fs-xs);flex-shrink:0;padding:0 var(--space-2)}.prediction-card__date{text-align:center;color:var(--color-text-muted);font-size:var(--fs-xs);margin-bottom:var(--space-4)}.prediction-card__pick{display:flex;align-items:flex-start;justify-content:space-between;background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3)}.prediction-card__pick>div:first-child{flex:1;min-width:0}.prediction-card__pick-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.prediction-card__pick-value{font-weight:var(--fw-semibold);color:var(--color-primary);margin-top:var(--space-1);font-size:.9em}.prediction-card__odds{display:flex;align-items:center;gap:var(--space-1);font-weight:var(--fw-bold);color:var(--color-secondary);white-space:nowrap}.prediction-card__confidence-badge{margin-top:var(--space-3);display:inline-flex}.prediction-card__bookmakers{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.prediction-card__bookmakers-label{display:block;font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-3)}.prediction-card__bookmaker-rows{display:flex;flex-direction:column;gap:var(--space-3)}.prediction-card__bookmaker-row{display:grid;align-items:stretch;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}.prediction-card__bookmaker-logo{display:flex;align-items:center;justify-content:center;min-width:48px}.prediction-card__bookmaker-logo img{max-width:100%;max-height:32px;object-fit:contain}.prediction-card__bookmaker-logo span{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-align:center}.prediction-card__bookmaker-market{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--space-2);min-width:0}.prediction-card__bookmaker-odds{font-weight:var(--fw-bold);color:var(--color-primary);font-size:var(--fs-sm)}.prediction-card__bookmaker-market-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;margin-top:2px}.prediction-card__bookmaker-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .1s ease;min-width:84px}.prediction-card__bookmaker-cta:hover{transform:translateY(-1px)}.prediction-card__bookmaker-cta-text{display:inline-flex;font-weight:var(--fw-bold);font-size:var(--fs-xs)}.prediction-card__bookmaker-bonus{font-size:9px;font-weight:var(--fw-medium);color:#ffffffbf}.prediction-card--vip{background:linear-gradient(160deg,#fffaf0,#fff3d6 55%,#fffaf0);box-shadow:0 0 0 1px #ffa60266,var(--shadow-md)}.prediction-card__pick-label--vip{color:#b3790a;font-weight:var(--fw-bold);letter-spacing:.06em}.page-shell{padding-block:var(--space-12)}.page-shell__header{margin-bottom:var(--space-8)}.page-shell__header p{margin-top:var(--space-2);color:var(--color-text-muted);max-width:60ch}.page-shell__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.page-shell__group{margin-bottom:var(--space-8)}.page-shell__group-title{font-size:var(--fs-lg);color:var(--color-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border)}.page-shell__grid-ad{grid-column:1 / -1}.match-center__tabs{display:flex;gap:var(--space-2);overflow-x:auto;margin-bottom:var(--space-6);padding-bottom:var(--space-1)}.match-center__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap;flex-shrink:0}.match-center__tab:hover:not(.match-center__tab--active){background-color:var(--color-background)}.match-center__tab--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.match-center__content{min-height:320px}.results-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.results-filters__button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer}.results-filters__button:hover:not(.results-filters__button--active){background-color:var(--color-background)}.results-filters__button--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.results-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-xl);margin-top:var(--space-10);margin-bottom:var(--space-5)}.results-section-title:first-of-type{margin-top:0}.results-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xl);margin-bottom:var(--space-4)}.results-section-title--spaced{margin-top:var(--space-10)}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.statistics-block{text-align:center;padding:var(--space-6)}.statistics-block__title{font-size:var(--fs-lg);margin-bottom:var(--space-4)}.statistics-block__rate{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);font-family:var(--font-heading);color:var(--color-secondary);line-height:1}.statistics-block__rate-label{margin-top:var(--space-1);font-size:var(--fs-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.statistics-block__row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.statistics-block__value{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-primary)}.statistics-block__label{margin-top:var(--space-1);font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.statistics-block__empty{color:var(--color-text-muted);font-size:var(--fs-sm)}.statistics-block--overall{grid-column:1 / -1}.statistics-block--overall .statistics-block__rate{font-size:56px}.statistics-block--vip{background:linear-gradient(160deg,#fffaf0,#fff3d6 55%,#fffaf0);box-shadow:0 0 0 1px #f59e0b66,var(--shadow-md)}.statistics-block--vip .statistics-block__title,.statistics-block--vip .statistics-block__rate{color:#b3790a}.statistics-block--vip .statistics-block__row{border-top-color:#f59e0b4d}.statistics-disclaimer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);color:var(--color-text-muted);font-size:var(--fs-sm);text-align:center}.ui-input{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.ui-input__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary)}.ui-input__field{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text);background-color:var(--color-surface);transition:border-color var(--transition-fast)}.ui-input__field:focus{border-color:var(--color-accent)}.ui-input__field--error{border-color:var(--color-danger)}.ui-input__hint{font-size:var(--fs-xs);color:var(--color-text-muted)}.ui-input__error{font-size:var(--fs-xs);color:var(--color-danger)}.accumulator{display:grid;gap:var(--space-6);grid-template-columns:1fr;align-items:start}@media(min-width:860px){.accumulator{grid-template-columns:1.4fr 1fr}}.accumulator__list{display:flex;flex-direction:column;gap:var(--space-3)}.accumulator__item{display:flex;align-items:center;gap:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer}.accumulator__item input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--color-secondary)}.accumulator__item-body{flex:1;min-width:0}.accumulator__item-header{display:flex;align-items:center;gap:var(--space-2)}.accumulator__item-match{font-weight:var(--fw-semibold);color:var(--color-primary)}.accumulator__item-meta{display:block;margin-top:var(--space-1);font-size:var(--fs-sm);color:var(--color-text-muted)}.accumulator__item-odds{font-weight:var(--fw-bold);color:var(--color-secondary);flex-shrink:0}.accumulator__vip-prompt{display:flex;align-items:center;gap:var(--space-2);background-color:#fef3c7;border:1px dashed var(--color-premium);border-radius:var(--radius-md);padding:var(--space-4);color:#92400e;font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;text-align:left}.accumulator__summary{position:sticky;top:calc(var(--header-height) + var(--space-4))}.accumulator__summary-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.accumulator__summary-count{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.accumulator__summary-odds,.accumulator__summary-payout{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.accumulator__summary-odds strong,.accumulator__summary-payout strong{color:var(--color-primary);font-size:var(--fs-lg)}.accumulator__summary .ui-input{margin-top:var(--space-4)}.accumulator__disclaimer{margin-top:var(--space-4);font-size:var(--fs-xs);color:var(--color-text-muted)}.pricing__grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pricing__card{position:relative;overflow:visible;transition:transform .2s ease,box-shadow .2s ease}.pricing__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pricing__card--featured{border-color:var(--color-premium);box-shadow:var(--shadow-md)}.pricing__card--highlighted{border-color:var(--color-secondary);border-width:2px;box-shadow:0 0 0 3px #16a34a26}.pricing__ribbon{position:absolute;top:-14px;left:50%;transform:translate(-50%);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);white-space:nowrap}.pricing__tagline{margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted);min-height:2.6em}.pricing__price{margin-top:var(--space-4);display:flex;align-items:baseline;gap:var(--space-2)}.pricing__amount{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--color-primary)}.pricing__period{color:var(--color-text-muted);font-size:var(--fs-sm)}.pricing__features{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.pricing__features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-background)}.pricing__feature-icon{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background-color:var(--feature-accent);color:#fff;display:flex;align-items:center;justify-content:center}.pricing__cta{margin-top:var(--space-6);width:100%}.checkout__error{display:flex;align-items:center;gap:var(--space-2);background-color:#fee2e2;color:#b91c1c;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--fs-sm)}.checkout__methods{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:640px}.checkout__method{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);font-weight:var(--fw-semibold);color:var(--color-primary);cursor:pointer;text-align:left}.checkout__method:hover:not(:disabled){border-color:var(--color-secondary);background-color:var(--color-background)}.checkout__method:disabled{opacity:.6;cursor:not-allowed}.checkout__reservation{max-width:480px}.checkout__countdown{display:flex;align-items:center;gap:var(--space-2);background-color:#fef3c7;color:#92400e;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.checkout__countdown-label{font-weight:var(--fw-medium);font-size:var(--fs-xs);color:#92400e}.checkout__instructions{color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.checkout__details-label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);margin-bottom:var(--space-2)}.checkout__details{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);font-weight:var(--fw-semibold);color:var(--color-primary);word-break:break-all}.checkout__details button{background:none;border:none;color:var(--color-secondary);cursor:pointer;flex-shrink:0}.checkout__amount{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.checkout__amount strong{color:var(--color-primary);font-size:var(--fs-base)}.checkout__upload-label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);margin-bottom:var(--space-2)}.checkout__upload input[type=file]{display:block;width:100%;margin-bottom:var(--space-4);font-size:var(--fs-sm)}.checkout__upload-button{width:100%}.checkout__country{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer;max-width:480px}.checkout__country-change{color:var(--color-accent);font-weight:var(--fw-semibold)}.checkout__method img{width:24px;height:24px;object-fit:contain;margin-right:var(--space-2);vertical-align:middle}.checkout__qr{width:160px;height:160px;object-fit:contain;margin:var(--space-4) auto;display:block;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background-color:#fff}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}@media(min-width:900px){.blog-layout{grid-template-columns:1fr 280px;grid-template-areas:"main sidebar";align-items:start}.blog-layout__main{grid-area:main}.blog-layout__sidebar{grid-area:sidebar;position:sticky;top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.blog-category-nav{flex-direction:column;overflow-x:visible}}.blog-layout__main{min-width:0}.blog-layout__sidebar{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.blog-category-nav{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.blog-category-nav__item{flex:0 0 auto;white-space:nowrap;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);cursor:pointer;text-align:left}.blog-category-nav__item:hover{border-color:var(--color-secondary)}.blog-category-nav__item.is-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface, #fff)}.blog-category-intro{margin-bottom:var(--space-5)}.blog-category-intro h2{margin-bottom:var(--space-2)}.blog-category-intro p{color:var(--color-text-muted);font-size:var(--fs-sm)}.blog-vip-promo{background-color:var(--color-surface);border:1px solid var(--color-premium);border-radius:var(--radius-lg);padding:var(--space-5)}.blog-vip-promo__title{font-weight:var(--fw-semibold);color:var(--color-primary);margin-bottom:var(--space-2)}.blog-vip-promo__text{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.blog-vip-promo__cta{display:block;text-align:center;background-color:var(--color-premium);color:var(--color-text-inverse);font-weight:var(--fw-semibold);border-radius:var(--radius-md);padding:var(--space-3)}.blog-vip-promo__cta:hover{text-decoration:none;opacity:.9}.blog__grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.blog-card{display:block;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;color:var(--color-text)}.blog-card:hover{border-color:var(--color-secondary);text-decoration:none}.blog-card__image{width:100%;height:auto;display:block}.blog-card__body{padding:var(--space-5)}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.blog-card__category{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.03em;color:var(--color-secondary)}.blog-card__date{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.blog-card__title{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.blog-card__excerpt{font-size:var(--fs-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-card__read-more{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-secondary)}.blog-card:hover .blog-card__read-more{color:var(--color-primary)}.markdown-content{color:var(--color-text);line-height:1.7}.markdown-content>*:first-child{margin-top:0}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--color-primary);line-height:1.3;margin-top:var(--space-6);margin-bottom:var(--space-3)}.markdown-content h1{font-size:var(--fs-xl)}.markdown-content h2{font-size:var(--fs-lg)}.markdown-content h3{font-size:var(--fs-base)}.markdown-content p{margin-bottom:var(--space-4)}.markdown-content strong{font-weight:var(--fw-semibold);color:var(--color-primary)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.markdown-content a{color:var(--color-secondary);text-decoration:underline}.markdown-content a:hover{color:var(--color-primary)}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-5) 0}.markdown-content blockquote{border-left:3px solid var(--color-secondary);background-color:var(--color-surface);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;border-radius:var(--radius-md);color:var(--color-text-muted);font-style:italic}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--space-5) 0;display:block;overflow-x:auto;font-size:var(--fs-sm)}.markdown-content th,.markdown-content td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.markdown-content th{background-color:var(--color-surface);color:var(--color-primary);font-weight:var(--fw-semibold)}.markdown-content code{background-color:var(--color-surface);border-radius:var(--radius-sm, 4px);padding:.1em .4em;font-size:.9em}.blog-post{max-width:720px}.blog-post__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.blog-post__back:hover{color:var(--color-primary)}.blog-post__cover{width:100%;height:auto;border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.blog-post__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.blog-post__category-badge{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.03em;color:var(--color-secondary);background-color:var(--color-surface);border:1px solid var(--color-secondary);border-radius:var(--radius-sm, 4px);padding:var(--space-1) var(--space-3)}.blog-post__category-badge:hover{background-color:var(--color-secondary);color:var(--color-text-inverse)}.blog-post__date{font-size:var(--fs-sm);color:var(--color-text-muted)}.blog-post__title{margin-bottom:var(--space-4)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.blog-post__tag{font-size:var(--fs-xs);color:var(--color-text-muted);background-color:var(--color-surface);border-radius:var(--radius-sm, 4px);padding:var(--space-1) var(--space-2)}.blog-post__cta{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.blog-post__cta-button{display:inline-block;background-color:var(--color-primary);color:var(--color-surface, #fff);font-weight:var(--fw-semibold);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6)}.blog-post__cta-button:hover{background-color:var(--color-secondary);text-decoration:none}.faq__list{display:flex;flex-direction:column;gap:var(--space-3);max-width:720px}.faq__item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.faq__item summary{cursor:pointer;font-weight:var(--fw-semibold);color:var(--color-primary);list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item p{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--fs-sm)}.contact__grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}@media(max-width:720px){.contact__grid{grid-template-columns:1fr}}.contact__form{display:flex;flex-direction:column;gap:var(--space-4)}.contact__textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--fs-base);color:var(--color-text);resize:vertical}.contact__error{display:flex;align-items:center;gap:var(--space-2);color:var(--color-danger);font-size:var(--fs-sm)}.contact__info{display:flex;flex-direction:column;gap:var(--space-5)}.contact__info-item{display:flex;align-items:flex-start;gap:var(--space-3)}.contact__info-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-1)}.auth{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));padding:var(--space-6)}.auth__card{width:100%;max-width:420px}.auth__header{text-align:center;margin-bottom:var(--space-6)}.auth__header h1{margin-top:var(--space-3);font-size:var(--fs-2xl)}.auth__header p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--fs-sm)}.auth__form{display:flex;flex-direction:column;gap:var(--space-4)}.auth__submit{width:100%;margin-top:var(--space-2)}.auth__error{color:var(--color-danger);font-size:var(--fs-sm)}.auth__success{color:var(--color-secondary);font-size:var(--fs-sm);background-color:#dcfce7;border-radius:var(--radius-md);padding:var(--space-4)}.auth__footer{margin-top:var(--space-5);text-align:center;font-size:var(--fs-sm)}.auth__footer-divider{margin-inline:var(--space-2);color:var(--color-text-muted)}.account-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.account-banner--warning{background-color:#fef3c7;color:#92400e}.account-banner--expired{background-color:#fee2e2;color:#b91c1c}.account-banner--success{background-color:#dcfce7;color:#15803d}.account-activation{max-width:480px;margin-bottom:var(--space-5);border-color:var(--color-secondary)}.account-activation__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.account-activation__copy{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.account-activation__form{display:flex;flex-direction:column;gap:var(--space-4)}.account-activation__error{color:var(--color-danger);font-size:var(--fs-sm)}.account-activation__submit{width:100%}.account-card{max-width:480px}.account-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.account-card__price{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--fs-sm)}.ui-badge svg{margin-right:var(--space-1)}.account-card__expiry{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.account-card__expiry strong{color:var(--color-primary)}.account-card__features{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.account-card__features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text)}.account-card__cta{width:100%}.account-history-link{display:inline-block;margin-top:var(--space-4);font-size:var(--fs-sm);color:var(--color-accent)}.payment-history__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.payment-history__back:hover{color:var(--color-primary)}.payment-history__list{display:flex;flex-direction:column;gap:var(--space-3);max-width:560px}.payment-history__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.payment-history__plan{font-weight:var(--fw-semibold);color:var(--color-primary);text-transform:capitalize}.payment-history__meta{margin-top:var(--space-1);font-size:var(--fs-sm);color:var(--color-text-muted)}.payment-history__right{text-align:right;flex-shrink:0}.payment-history__amount{font-weight:var(--fw-semibold);color:var(--color-primary);margin-bottom:var(--space-2)}.payment-history__reason{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--fs-sm);color:var(--color-danger)}.not-found{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-6)}.not-found h1{font-size:var(--fs-4xl)}.not-found p{color:var(--color-text-muted);max-width:40ch;margin-bottom:var(--space-3)}:root{--color-primary: #0F172A;--color-secondary: #16A34A;--color-accent: #06B6D4;--color-background: #F8FAFC;--color-premium: #F59E0B;--color-text: #334155;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-text-muted: #64748B;--color-text-inverse: #F8FAFC;--color-danger: #DC2626;--color-success: var(--color-secondary);--font-heading: "Manrope", sans-serif;--font-body: "Inter", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 2px 8px rgba(15, 23, 42, .08);--shadow-lg: 0 4px 16px rgba(15, 23, 42, .1);--container-max: 1200px;--header-height: 64px;--sidebar-width: 260px;--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text);background-color:var(--color-background);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);font-weight:var(--fw-bold);line-height:1.25}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}img{max-width:100%;display:block}input,textarea,select{font-family:inherit;font-size:var(--fs-base)}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
