:root{--orange-primary: #F97316;--orange-deep: #EA580C;--orange-light: #FED7AA;--orange-glow: #FB923C;--black: #0A0A0A;--gray-900: #171717;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--white: #FFFFFF;--green-success: #22C55E;--red-danger: #EF4444;--yellow-warn: #FBBF24;--font-display: 'Bebas Neue', 'Anton', sans-serif;--font-body: 'Inter', system-ui, -apple-system, sans-serif;--font-mono: 'JetBrains Mono', 'Roboto Mono', monospace;--container-max: 1280px;--sidebar-w: 240px;--header-h: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--ease-out: cubic-bezier(.2,.8,.2,1);--t-fast: 120ms;--t-base: 200ms}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black)}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0;padding:0;color:inherit}input,select,textarea{font:inherit}ul,ol{padding:0;margin:0;list-style:none}table{border-collapse:collapse;width:100%}hr{border:0;border-top:1px solid var(--gray-200)}[hidden]{display:none !important}body{font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0 0 .6em;line-height:1.15;font-weight:700}.of-section__title{font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2.4rem);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1.5rem;display:flex;align-items:center;gap:.8rem}.of-section__title::after{content:"";flex:1;border-top:2px solid var(--gray-200)}.of-container{max-width:var(--container-max);margin:0 auto;padding:0 16px}.of-section{padding:48px 0}@media(min-width: 768px){.of-section{padding:72px 0}}.of-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--gray-200);height:var(--header-h);display:flex;align-items:center;transition:box-shadow var(--t-base) var(--ease-out)}.of-header__inner{display:flex;align-items:center;gap:1.25rem;width:100%}.of-header__search,.of-header__menu{margin-left:auto;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--t-fast)}.of-header__search:hover,.of-header__menu:hover{background:var(--gray-100)}.of-header__menu{display:none;flex-direction:column;gap:5px}.of-header__menu span{width:22px;height:2px;background:var(--black);border-radius:2px}.of-logo{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.04em}.of-logo__mark{color:var(--orange-primary)}.of-logo__text{color:var(--black)}.of-nav__list{display:flex;gap:1.4rem;font-weight:500}.of-nav__list a{padding:.5rem 0;border-bottom:2px solid rgba(0,0,0,0);transition:border-color var(--t-fast)}.of-nav__list a:hover{border-color:var(--orange-primary)}.of-search{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.7);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.of-search__inner{width:min(680px,92vw);background:var(--white);border-radius:var(--radius-lg);padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.of-search__label{display:block;font-size:.85rem;color:var(--gray-900);margin-bottom:.5rem}.of-search input[type=search]{width:100%;padding:14px 16px;border:1px solid var(--gray-200);border-radius:var(--radius-md)}.of-search input[type=search]:focus{outline:2px solid var(--orange-primary);border-color:var(--orange-primary)}.of-search__results{margin-top:1rem;max-height:50vh;overflow:auto}.of-search__results li{padding:.65rem .25rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;gap:1rem}.of-search__results li.empty{color:var(--gray-900);opacity:.7}.of-search__results small{color:var(--orange-deep);text-transform:uppercase}.of-hero{position:relative;isolation:isolate;background:var(--black);color:var(--white);padding:64px 0 48px;overflow:hidden}.of-hero__bg{position:absolute;inset:0;pointer-events:none;z-index:-1}.of-hero__bg .of-hero__rays,.of-hero__bg .of-hero__dots{position:absolute;inset:0}.of-hero__bg .of-hero__rays{background:radial-gradient(ellipse 60% 40% at 30% 20%, rgba(251, 146, 60, 0.18), transparent 60%),radial-gradient(ellipse 80% 50% at 80% 90%, rgba(234, 88, 12, 0.14), transparent 60%),repeating-linear-gradient(120deg, transparent 0 80px, rgba(251, 146, 60, 0.04) 80px 81px)}.of-hero__bg .of-hero__dots{background-image:radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center, black 30%, transparent 75%)}.of-hero__inner{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width: 1024px){.of-hero__inner{grid-template-columns:1.4fr 1fr;align-items:end}}.of-hero__eyebrow{font-family:var(--font-mono);font-size:.8rem;color:var(--orange-glow);letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem}.of-hero__pulse{width:8px;height:8px;border-radius:50%;background:var(--orange-primary);animation:of-pulse 1.6s var(--ease-out) infinite}.of-hero__live{color:var(--yellow-warn);margin-left:.25rem}.of-hero__title{font-family:var(--font-display);font-size:clamp(2.4rem,7vw,6rem);line-height:.95;letter-spacing:.02em;margin:1rem 0 1.4rem}.of-hero__title-line{display:block}.of-hero__title-line--accent{background:linear-gradient(90deg, var(--orange-glow), var(--orange-deep));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.of-hero__lede{font-size:1.05rem;max-width:36ch;opacity:.85;margin:0 0 1.5rem}.of-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.of-hero__bullets{display:grid;gap:.35rem;font-size:.9rem;opacity:.85}.of-hero__bullets li::before{content:"✓ ";color:var(--orange-primary);font-weight:700}@keyframes of-pulse{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.5)}50%{box-shadow:0 0 0 10px rgba(249,115,22,0)}}.of-btn{display:inline-flex;align-items:center;gap:.35rem;padding:12px 18px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-md);transition:transform var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.of-btn:hover{transform:translateY(-1px)}.of-btn--primary{background:var(--orange-primary);color:var(--black)}.of-btn--primary:hover{background:var(--orange-deep);color:var(--white)}.of-btn--ghost{border:1px solid var(--white);color:var(--white)}.of-btn--ghost:hover{background:var(--white);color:var(--black)}.of-btn--apostar{background:var(--orange-primary);color:var(--black);padding:8px 12px;font-size:.85rem}.of-featured{background:hsla(0,0%,100%,.04);border:1px solid rgba(251,146,60,.35);border-radius:var(--radius-lg);padding:24px;backdrop-filter:blur(2px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04),0 30px 60px rgba(0,0,0,.4)}.of-featured__eyebrow{color:var(--orange-glow);font-family:var(--font-mono);letter-spacing:.12em;font-size:.8rem;margin:0 0 1rem}.of-featured__teams{display:flex;gap:.75rem;align-items:baseline;font-family:var(--font-display);font-size:2rem;letter-spacing:.04em}.of-featured__teams em{font-style:normal;opacity:.5;font-size:1rem}.of-featured__form{font-family:var(--font-mono);font-size:.85rem;opacity:.8;margin:.25rem 0 1rem}.of-featured__odds{background:rgba(0,0,0,.3);border-radius:var(--radius-md);padding:.75rem 1rem}.of-featured__odds-title{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;opacity:.7;margin:0 0 .5rem}.of-featured__odds ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem;text-align:center}.of-featured__odds li{font-family:var(--font-mono);font-size:.9rem;opacity:.8}.of-featured__odds strong{display:block;color:var(--orange-glow);font-size:1.4rem;margin-top:.15rem}.of-ticker{background:var(--black);color:var(--white);border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;align-items:stretch;overflow:hidden}.of-ticker.is-empty{display:none}.of-ticker__label{display:inline-flex;align-items:center;gap:.4rem;padding:0 16px;background:var(--orange-primary);color:var(--black);font-family:var(--font-mono);font-weight:700;font-size:.8rem;letter-spacing:.12em}.of-ticker__dot{width:8px;height:8px;border-radius:50%;background:var(--black);animation:of-pulse 1.6s var(--ease-out) infinite}.of-ticker__viewport{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg, transparent, black 5%, black 95%, transparent);mask-image:linear-gradient(90deg, transparent, black 5%, black 95%, transparent)}.of-ticker__track{display:inline-flex;gap:2rem;padding:12px 0;white-space:nowrap;animation:of-marquee 60s linear infinite}.of-ticker:hover .of-ticker__track{animation-play-state:paused}.of-ticker__item{font-family:var(--font-mono);font-size:.85rem;display:inline-flex;gap:.5rem;align-items:baseline}.of-ticker__item .up{color:var(--green-success)}.of-ticker__item .down{color:var(--red-danger)}.of-ticker__league{color:var(--orange-glow);font-weight:700}.of-ticker__match{opacity:.9}.of-ticker__odd{color:var(--white);font-weight:600}@keyframes of-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.of-grid-2{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width: 1024px){.of-grid-2{grid-template-columns:var(--sidebar-w) 1fr}}.of-sidebar{background:var(--gray-100);border-radius:var(--radius-md);padding:16px;align-self:start;position:sticky;top:calc(var(--header-h) + 12px)}.of-sidebar__title{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;color:var(--gray-900);opacity:.7;text-transform:uppercase;margin:1rem 0 .5rem}.of-sidebar__title:first-child{margin-top:0}.of-sidebar__list button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;border-radius:var(--radius-sm);text-align:left;transition:background var(--t-fast),border-color var(--t-fast);border-left:3px solid rgba(0,0,0,0)}.of-sidebar__list button:hover{background:var(--white)}.of-sidebar__list button.is-active{background:var(--white);border-left-color:var(--orange-primary);font-weight:600}.of-sidebar__list button small{opacity:.6;font-family:var(--font-mono)}.of-match-grid{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.of-match-grid__head{display:flex;flex-wrap:wrap;gap:1rem;padding:12px 16px;border-bottom:1px solid var(--gray-200);align-items:center;justify-content:space-between}.of-tabs{display:inline-flex;gap:.25rem}.of-tabs button{padding:8px 12px;font-weight:600;font-size:.9rem;border-bottom:2px solid rgba(0,0,0,0);color:var(--gray-900);opacity:.65}.of-tabs button.is-active{color:var(--black);opacity:1;border-color:var(--orange-primary)}.of-tab__live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red-danger);margin-right:.35rem;animation:of-pulse 1.6s var(--ease-out) infinite}.of-date{display:inline-flex;gap:.35rem;align-items:center;font-family:var(--font-mono);font-size:.85rem}.of-date button{padding:6px 10px;border-radius:var(--radius-sm);background:var(--gray-100)}.of-date button.is-active{background:var(--orange-primary);color:var(--black)}.of-date input[type=date]{padding:6px 8px;border:1px solid var(--gray-200);border-radius:var(--radius-sm)}.of-skeleton,.of-empty{padding:32px;text-align:center;color:var(--gray-900);opacity:.6}.of-group__title{font-family:var(--font-mono);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;margin:0;background:var(--gray-100);border-top:1px solid var(--gray-200);display:flex;align-items:center;gap:.5rem}.of-group__short{background:var(--orange-primary);color:var(--black);padding:2px 6px;border-radius:4px;font-size:.7rem}.of-group__rows{border-top:1px solid var(--gray-200)}.of-row{display:grid;gap:.5rem 1rem;grid-template-columns:64px 1fr auto auto;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gray-200);transition:background var(--t-fast)}.of-row:last-child{border-bottom:0}.of-row:hover{background:rgba(254,215,170,.25)}.of-row__when{font-family:var(--font-mono);font-size:.8rem;line-height:1.2;color:var(--gray-900);opacity:.8}.of-row__live{background:var(--red-danger);color:var(--white);padding:2px 6px;border-radius:4px;font-size:.7rem;letter-spacing:.08em}.of-row__teams{display:grid;gap:2px}.of-row__teams .of-team{font-weight:500}.of-row__odds{display:inline-flex;gap:6px}.of-row__expand{width:32px;height:32px;border-radius:50%;background:var(--gray-100);transition:transform var(--t-fast)}.of-row__expand[aria-expanded=true]{transform:rotate(180deg);background:var(--orange-primary)}.of-row__detail{grid-column:1/-1;padding-top:.75rem}.of-odd{display:inline-grid;place-items:center;width:64px;padding:8px 6px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-family:var(--font-mono);transition:border-color var(--t-fast),background var(--t-fast)}.of-odd:hover{border-color:var(--orange-primary)}.of-odd__v{font-weight:700;font-size:.95rem}.of-odd__b{font-size:.65rem;opacity:.55;text-transform:uppercase}.of-odd__v.is-pulse{animation:of-flash .8s ease-out}@keyframes of-flash{0%{background:rgba(34,197,94,.4)}100%{background:rgba(0,0,0,0)}}.of-bk-table{font-size:.9rem}.of-bk-table th,.of-bk-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--gray-200)}.of-bk-table th{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--gray-900);opacity:.7}.of-bk-table .of-bk{font-weight:600}.of-cards-row{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width: 768px){.of-cards-row{grid-template-columns:repeat(3, 1fr)}}.of-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:.65rem;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.of-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.06)}.of-card__head{display:flex;align-items:center;gap:.5rem}.of-card__icon{color:var(--orange-primary);font-size:1.4rem}.of-card__title{margin:0;font-size:1rem}.of-card__meta{display:flex;flex-wrap:wrap;gap:.8rem;font-family:var(--font-mono);font-size:.85rem}.of-card__cta{align-self:flex-start;padding:8px 12px;font-weight:600;font-size:.85rem;border-radius:var(--radius-sm);background:var(--orange-primary);color:var(--black)}.of-card__cta:hover{background:var(--orange-deep);color:var(--white)}.of-card__rating{color:var(--orange-primary);font-size:1rem;margin:0}.of-bk-row__brand img{display:inline-block;vertical-align:middle}.of-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;background:var(--gray-100);color:var(--gray-900)}.of-tag--18{background:var(--red-danger);color:var(--white)}.of-single__head{background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.of-single__eyebrow{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;color:var(--orange-deep);text-transform:uppercase;margin:0 0 .5rem}.of-single__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.4rem);letter-spacing:.02em;margin:0}.of-single__vs{font-style:normal;color:var(--gray-900);opacity:.55;margin:0 .35rem}.of-single__live{margin-top:.5rem}.of-single__rating{color:var(--orange-primary);font-size:1.1rem;margin:.5rem 0 0;display:flex;gap:.5rem;align-items:center}.of-single__rating span{color:var(--gray-900);font-size:.8rem;opacity:.7;text-transform:uppercase;letter-spacing:.08em}.of-archive-head__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.4rem);letter-spacing:.02em;margin:0}.of-archive-head__lede{color:var(--gray-900);opacity:.8;max-width:56ch;margin-top:.5rem}.of-bk-table--full td.is-best{background:rgba(251,146,60,.18);font-weight:700}.of-bk-table--rank td:first-child{font-family:var(--font-mono);width:36px;opacity:.6}.of-form-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width: 768px){.of-form-grid{grid-template-columns:1fr 1fr}}.of-form-string{font-family:var(--font-mono);font-size:1.4rem;letter-spacing:.25em}.of-rec{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(min-width: 768px){.of-rec{grid-template-columns:repeat(4, 1fr)}}.of-rec{background:var(--gray-100);padding:16px;border-radius:var(--radius-md)}.of-rec__cell{display:flex;flex-direction:column;gap:.25rem}.of-rec__cell--cta{align-items:flex-start}.of-rec__label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;opacity:.6;text-transform:uppercase;margin:0}.of-rec__odd{color:var(--orange-deep);font-size:1.6rem}.of-faq li{border:1px solid var(--gray-200);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.25rem .75rem}.of-faq summary{cursor:pointer;padding:.65rem 0;font-weight:600}.of-faq p{margin:0 0 .65rem;opacity:.85}.of-bk-hero{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width: 768px){.of-bk-hero{grid-template-columns:auto 1fr;align-items:center}}.of-bk-hero__logo{background:var(--white);padding:8px;border-radius:var(--radius-md);border:1px solid var(--gray-200)}.of-bk-hero__score{font-family:var(--font-mono);font-size:1rem;opacity:.85;margin:.25rem 0 1rem}.of-bk-hero__score strong{color:var(--orange-deep);font-size:1.4rem}.of-bonus__text{font-size:1.3rem;font-weight:700}.of-bonus__terms{color:var(--gray-900);opacity:.65}.of-proscons{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width: 768px){.of-proscons{grid-template-columns:1fr 1fr}}.of-proscons__col--pro h3{color:var(--green-success)}.of-proscons__col--con h3{color:var(--red-danger)}.of-proscons ul li{padding:.35rem 0;border-bottom:1px dashed var(--gray-200)}.of-tags{display:flex;flex-wrap:wrap;gap:.35rem}.of-tag--app{background:var(--black);color:var(--white)}.of-prose{max-width:70ch}.of-prose h2,.of-prose h3{margin-top:1.6em}.of-prose p{margin:0 0 1em;line-height:1.65}.of-prose a{color:var(--orange-deep);text-decoration:underline}.of-disclaimer{text-align:center;padding:2rem 1rem;font-size:.8rem;color:var(--gray-900);opacity:.7}.of-pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.of-pagination .page-numbers{padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm)}.of-pagination .current{background:var(--orange-primary);color:var(--black);border-color:var(--orange-primary)}.of-breadcrumbs{font-family:var(--font-mono);font-size:.8rem;padding:.75rem 0 0}.of-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;opacity:.8}.of-breadcrumbs li+li::before{content:"›";margin-right:.35rem;opacity:.5}.of-breadcrumbs a{text-decoration:none}.of-breadcrumbs a:hover{color:var(--orange-deep)}.of-breadcrumbs [aria-current=page]{color:var(--gray-900);opacity:.6}.of-footer{background:var(--black);color:var(--white);padding:48px 0 32px;margin-top:64px}.of-footer__brand{display:inline-block;font-family:var(--font-display);font-size:1.6rem;color:var(--orange-primary);letter-spacing:.04em;margin-bottom:1.5rem}.of-footer__cols{display:grid;gap:1.5rem;grid-template-columns:repeat(2, 1fr)}@media(min-width: 768px){.of-footer__cols{grid-template-columns:repeat(4, 1fr)}}.of-footer__cols h4{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;color:var(--orange-glow);margin:0 0 .75rem}.of-footer__cols ul li{padding:4px 0;font-size:.9rem;opacity:.85}.of-footer__cols a:hover{color:var(--orange-glow)}.of-footer__rule{margin:32px 0;border-color:hsla(0,0%,100%,.1)}.of-footer__warn{font-size:.85rem;opacity:.8;display:flex;gap:.5rem;align-items:flex-start}.of-footer__warn small{display:block;opacity:.7;margin-top:.25rem}.of-footer__copy{font-size:.8rem;opacity:.5;margin-top:2rem}@media(max-width: 767px){.of-header__menu{display:inline-flex}.of-nav{display:none}.of-row{grid-template-columns:56px 1fr;grid-auto-rows:auto}.of-row .of-row__odds{grid-column:1/-1}.of-row .of-row__expand{position:absolute;right:12px;top:12px}.of-row{position:relative}.of-section{padding:32px 0}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0s !important;transition-duration:0s !important;scroll-behavior:auto !important}}@media print{.of-header,.of-footer,.of-ticker,.of-row__expand{display:none !important}}