@font-face{font-family:'Estedad';src:url('/assets/fonts/estedad-arabic-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Estedad';src:url('/assets/fonts/estedad-arabic-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Estedad';src:url('/assets/fonts/estedad-arabic-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Estedad';src:url('/assets/fonts/estedad-arabic-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Estedad';src:url('/assets/fonts/estedad-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:'Estedad';src:url('/assets/fonts/estedad-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}:root{--font-stack:'Estedad','Segoe UI',Tahoma,sans-serif}:root{--green-900: #0a2b20;--green-800: #0f3d2e;--green-700: #17513d;--green-100: #dfe9e2;--paper: #f6f4ee;--paper-2: #efece3;--ink: #1b1f1d;--ink-2: #4a534e;--ink-3: #737d77;--rule: #d9d5c9;--rule-strong: #b9b4a4;--lime: #c8f04b;--lime-deep: #8cb400;--win: #1c7a4d;--draw: #8a7b2e;--loss: #a3322a;--live: #d23b2c;--shell: min(1180px,100% - 2rem);--step--1: clamp(.78rem,.76rem + .1vw,.84rem);--step-0: clamp(.92rem,.89rem + .15vw,1rem);--step-1: clamp(1.05rem,1rem + .25vw,1.19rem);--step-2: clamp(1.22rem,1.12rem + .5vw,1.55rem);--step-3: clamp(1.45rem,1.25rem + 1vw,2.1rem);--step-4: clamp(1.75rem,1.4rem + 1.8vw,2.9rem);--radius: 3px;--gap: 1rem}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: .01ms !important;transition-duration: .01ms !important}}body{margin: 0;background: var(--paper);color: var(--ink);font-family: var(--font-stack);font-size: var(--step-0);line-height: 1.75;font-feature-settings: "ss01"}[hidden]{display: none !important}h1,h2,h3,h4{line-height: 1.35;margin: 0 0 .5em;font-weight: 800;letter-spacing: 0}h1{font-size: var(--step-4)}h2{font-size: var(--step-2)}h3{font-size: var(--step-1)}p{margin: 0 0 1em}a{color: var(--green-700);text-decoration-thickness: 1px;text-underline-offset: 3px}a:hover{color: var(--green-800)}img,svg{max-width: 100%;height: auto}ul,ol{padding-inline-start: 1.2em}:focus-visible{outline: 3px solid var(--lime-deep);outline-offset: 2px}.num{direction: ltr;unicode-bidi: isolate;font-variant-numeric: tabular-nums}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.skip-link{position: absolute;inset-block-start: .5rem;inset-inline-start: .5rem;z-index: 100;background: var(--green-800);color: #fff;padding: .6rem 1rem;transform: translateY(-200%);transition: transform .15s}.skip-link:focus{transform: translateY(0)}.shell{width: var(--shell);margin-inline: auto}.shell > *{min-width: 0}.topbar{background: var(--green-900);color: #c7d6cd;font-size: var(--step--1);border-block-end: 1px solid rgba(255,255,255,.08)}.topbar__in{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding-block: .4rem;flex-wrap: wrap}.topbar__date{white-space: nowrap}.topbar__live{display: inline-flex;align-items: center;gap: .4rem;color: #fff}.dot{width: .5rem;height: .5rem;border-radius: 50%;background: var(--live);box-shadow: 0 0 0 0 rgba(210,59,44,.6);animation: pulse 2s infinite}@keyframes pulse{70%{box-shadow: 0 0 0 .45rem rgba(210,59,44,0)}100%{box-shadow: 0 0 0 0 rgba(210,59,44,0)}}.masthead{background: var(--green-800);color: #fff}.masthead__in{display: flex;align-items: center;gap: 1rem;padding-block: .75rem;justify-content: space-between}.brand{display: inline-flex;align-items: center;gap: .6rem;text-decoration: none;color: #fff}.brand__mark{width: 34px;height: 34px;flex: none}.brand__text{display: flex;flex-direction: column;line-height: 1.15}.brand__name{font-weight: 800;font-size: 1.12rem}.brand__tag{font-size: .7rem;color: var(--lime);font-weight: 500}.nav-toggle{display: inline-flex;align-items: center;gap: .45rem;background: transparent;color: #fff;border: 1px solid rgba(255,255,255,.35);padding: .45rem .7rem;border-radius: var(--radius);font: inherit;font-size: var(--step--1);cursor: pointer}.nav-toggle:hover{border-color: var(--lime)}.nav-toggle__bars{display: grid;gap: 3px}.nav-toggle__bars span{display: block;width: 16px;height: 2px;background: currentColor}#site-nav{display: none;border-block-start: 1px solid rgba(255,255,255,.14);padding-block: .35rem .75rem}#site-nav.is-open{display: block}#site-nav ul{list-style: none;margin: 0;padding: 0;display: grid;gap: .1rem}#site-nav a{display: block;color: #e7efe9;text-decoration: none;padding: .55rem .2rem;border-block-end: 1px solid rgba(255,255,255,.08);font-weight: 500}#site-nav a:hover,#site-nav a[aria-current="page"]{color: var(--lime)}@media (min-width: 60rem){.nav-toggle{display: none}#site-nav{display: block;border: 0;padding: 0}#site-nav ul{display: flex;gap: 1.35rem}#site-nav a{border: 0;padding: .2rem 0;position: relative}#site-nav a[aria-current="page"]::after{content: "";position: absolute;inset-inline: 0;inset-block-end: -.35rem;height: 2px;background: var(--lime)}.masthead__in{padding-block: .9rem}}.notice{border: 1px solid var(--rule-strong);border-inline-start: 4px solid var(--green-700);background: #fffdf7;padding: .7rem .9rem;font-size: var(--step--1);color: var(--ink-2);margin-block: 1rem}.notice--demo{border-inline-start-color: var(--lime-deep)}.notice--risk{border-inline-start-color: var(--loss)}.notice strong{color: var(--ink)}.breadcrumbs{font-size: var(--step--1);color: var(--ink-3);padding-block: .9rem 0}.breadcrumbs ol{list-style: none;display: flex;flex-wrap: wrap;gap: .3rem;margin: 0;padding: 0}.breadcrumbs li + li::before{content: "‹";margin-inline-end: .3rem;color: var(--rule-strong)}.breadcrumbs a{color: var(--ink-2);text-decoration: none}.breadcrumbs a:hover{text-decoration: underline}.hero{background: var(--green-800);color: #fff;padding-block: 2.2rem 2rem;border-block-end: 4px solid var(--lime)}.hero__kicker{font-size: var(--step--1);color: var(--lime);font-weight: 600;margin: 0 0 .5rem;word-spacing: .12em}.hero h1{color: #fff;margin-block-end: .6rem;max-width: 22ch}.hero__lede{color: #d6e2da;max-width: 62ch;margin-block-end: 1.2rem}.hero__stats{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1px;background: rgba(255,255,255,.15);border: 1px solid rgba(255,255,255,.15)}.hero__stat{background: var(--green-800);padding: .8rem .9rem}.hero__stat b{display: block;font-size: var(--step-2);line-height: 1.2}.hero__stat span{font-size: var(--step--1);color: #b9cdc2}@media (min-width: 48rem){.hero__stats{grid-template-columns: repeat(4,minmax(0,1fr))}.hero{padding-block: 3rem 2.6rem}}main{padding-block-end: 3rem}.section{padding-block: 2rem;border-block-start: 1px solid var(--rule)}.section:first-of-type{border-block-start: 0}.section__head{display: flex;align-items: baseline;justify-content: space-between;gap: 1rem;flex-wrap: wrap;margin-block-end: 1rem}.section__head h2{margin: 0}.section__sub{color: var(--ink-2);font-size: var(--step--1);margin: .25rem 0 0;flex-basis: 100%}.section__more{font-size: var(--step--1);font-weight: 600;text-decoration: none;white-space: nowrap}.section__more::after{content: " ‹"}.prose{max-width: 70ch}.prose h2{margin-block-start: 1.6em}.fixtures{display: grid;gap: .5rem}.fx{display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: .75rem;background: #fff;border: 1px solid var(--rule);border-inline-start: 3px solid var(--lg,var(--green-700));padding: .7rem .8rem;border-radius: var(--radius)}.fx:hover{border-color: var(--rule-strong)}.fx__time{display: grid;justify-items: center;gap: .15rem;min-width: 3.6rem;font-size: var(--step--1);color: var(--ink-3)}.fx__clock{font-weight: 700;color: var(--ink);font-size: var(--step-0)}.fx__teams{display: grid;gap: .3rem;min-width: 0}.fx__side{display: flex;align-items: center;gap: .5rem;min-width: 0}.fx__side img{width: 22px;height: 22px;flex: none}.fx__name{font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.fx__name a{color: inherit;text-decoration: none}.fx__name a:hover{text-decoration: underline}.fx__goals{margin-inline-start: auto;font-weight: 800;font-size: var(--step-1);padding-inline-start: .5rem}.fx__meta{display: grid;justify-items: end;gap: .3rem;text-align: end}.fx__league{font-size: .72rem;color: var(--ink-3);white-space: nowrap}.fx__cta{font-size: .74rem;font-weight: 700;text-decoration: none;color: var(--green-700);border: 1px solid var(--rule);padding: .2rem .45rem;border-radius: var(--radius);white-space: nowrap}.fx__cta:hover{background: var(--green-100);border-color: var(--green-700)}.fx--live{border-inline-start-width: 4px;background: #fffaf9}.fx--dim{opacity: .72}.status{display: inline-flex;align-items: center;gap: .3rem;font-size: .7rem;font-weight: 700;padding: .12rem .4rem;border-radius: 2px;border: 1px solid transparent;white-space: nowrap}.status--live{color: #fff;background: var(--live)}.status--finished{color: var(--ink-2);background: var(--paper-2);border-color: var(--rule)}.status--scheduled{color: var(--ink-3)}.status--off{color: var(--loss);background: #fbeceb;border-color: #f0cfcc}.fx__pick{grid-column: 1 / -1;display: flex;align-items: center;gap: .5rem;border-block-start: 1px dashed var(--rule);padding-block-start: .5rem;margin-block-start: .1rem;font-size: var(--step--1);color: var(--ink-2)}.fx__pick b{color: var(--green-800)}.fx__pick .meter{flex: 1;min-width: 4rem}.meter{display: block;height: 6px;background: var(--paper-2);border: 1px solid var(--rule);border-radius: 2px;overflow: hidden}.meter__fill{display: block;height: 100%;background: var(--lime-deep)}.picks{display: grid;gap: 1rem}@media (min-width: 46rem){.picks{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 68rem){.picks{grid-template-columns: repeat(3,minmax(0,1fr))}}.pick{background: #fff;border: 1px solid var(--rule);border-radius: var(--radius);display: flex;flex-direction: column}.pick__top{display: flex;align-items: center;justify-content: space-between;gap: .5rem;padding: .55rem .8rem;border-block-end: 1px solid var(--rule);background: var(--paper-2);font-size: var(--step--1)}.pick__league{font-weight: 600;color: var(--ink-2)}.pick__body{padding: .85rem .8rem;display: grid;gap: .7rem}.pick__teams{display: grid;gap: .35rem}.pick__row{display: flex;align-items: center;gap: .5rem}.pick__row img{width: 24px;height: 24px;flex: none}.pick__row span{font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pick__row small{margin-inline-start: auto;color: var(--ink-3);font-size: .72rem}.pick__market{background: var(--green-800);color: #fff;padding: .55rem .7rem;border-radius: var(--radius);display: flex;align-items: center;justify-content: space-between;gap: .6rem}.pick__market b{font-size: var(--step-1)}.pick__conf{text-align: center;color: var(--lime);font-weight: 800}.pick__conf small{display: block;color: #c1d3c8;font-weight: 400;font-size: .66rem}.pick__why{display: grid;gap: .3rem;font-size: var(--step--1);color: var(--ink-2)}.pick__why div{display: grid;grid-template-columns: 9rem 1fr auto;align-items: center;gap: .5rem}.pick__foot{margin-block-start: auto;padding: .6rem .8rem;border-block-start: 1px solid var(--rule);display: flex;justify-content: space-between;align-items: center;gap: .5rem;font-size: var(--step--1)}.risk{font-weight: 700}.risk--low{color: var(--win)}.risk--medium{color: var(--draw)}.risk--high{color: var(--loss)}.table-wrap{overflow-x: auto;border: 1px solid var(--rule);border-radius: var(--radius);background: #fff}table{border-collapse: collapse;width: 100%;font-size: var(--step--1)}caption{text-align: start;padding: .7rem .8rem;font-weight: 700;color: var(--ink);border-block-end: 1px solid var(--rule)}th,td{padding: .5rem .6rem;text-align: start;border-block-end: 1px solid var(--rule);white-space: nowrap}thead th{background: var(--paper-2);font-weight: 700;color: var(--ink-2);position: sticky;inset-block-start: 0}tbody tr:nth-child(even) td{background: #fbfaf6}tbody tr:last-child td{border-block-end: 0}td.t-team,th.t-team{white-space: normal;min-width: 9rem}.t-num{font-variant-numeric: tabular-nums;direction: ltr;unicode-bidi: isolate;text-align: center}.t-strong{font-weight: 800}.rowlink{color: inherit;text-decoration: none;font-weight: 600}.rowlink:hover{text-decoration: underline}.zone-ucl{box-shadow: inset 3px 0 0 var(--green-700)}.zone-uel{box-shadow: inset 3px 0 0 var(--lime-deep)}.zone-rel{box-shadow: inset 3px 0 0 var(--loss)}.form-chips{display: inline-flex;gap: .2rem;direction: ltr}.chip{width: 1.15rem;height: 1.15rem;display: grid;place-items: center;font-size: .62rem;font-weight: 800;color: #fff;border-radius: 2px}.chip--W{background: var(--win)}.chip--D{background: var(--draw)}.chip--L{background: var(--loss)}@media (max-width: 40rem){.table--stack{display: block}.table--stack caption{display: block;width: 100%}.table--stack thead{display: none}.table--stack tbody,.table--stack tr,.table--stack td{display: block;width: 100%}.table--stack tr{border-block-end: 1px solid var(--rule);padding: .35rem 0}.table--stack td{border: 0;display: flex;justify-content: space-between;gap: 1rem;white-space: normal;padding: .25rem .8rem}.table--stack td::before{content: attr(data-th);color: var(--ink-3);font-weight: 600}.table--stack td.t-num{text-align: end}}.filters{display: flex;gap: .4rem;overflow-x: auto;padding-block: .6rem;border-block: 1px solid var(--rule);margin-block-end: 1rem;scrollbar-width: thin}.filters::-webkit-scrollbar{height: 5px}.filters::-webkit-scrollbar-thumb{background: var(--rule-strong)}.filter{flex: none;background: #fff;border: 1px solid var(--rule);color: var(--ink-2);font: inherit;font-size: var(--step--1);font-weight: 600;padding: .35rem .7rem;border-radius: var(--radius);cursor: pointer;white-space: nowrap}.filter:hover{border-color: var(--green-700)}.filter[aria-pressed="true"]{background: var(--green-800);color: #fff;border-color: var(--green-800)}.filter__count{color: inherit;opacity: .7;font-size: .72rem}.datestrip{display: flex;gap: .35rem;overflow-x: auto;padding-block: .5rem}.datestrip a{flex: none;text-align: center;text-decoration: none;color: var(--ink-2);border: 1px solid var(--rule);background: #fff;padding: .35rem .6rem;border-radius: var(--radius);font-size: var(--step--1);line-height: 1.3}.datestrip a b{display: block;font-weight: 700;color: var(--ink)}.datestrip a[aria-current="page"]{background: var(--green-800);color: #fff;border-color: var(--green-800)}.datestrip a[aria-current="page"] b{color: #fff}.grid-2{display: grid;gap: 1.25rem}@media (min-width: 60rem){.grid-2{grid-template-columns: 1.6fr 1fr}}.grid-2 > *{min-width: 0}.panel{background: #fff;border: 1px solid var(--rule);border-radius: var(--radius)}.panel__head{padding: .7rem .85rem;border-block-end: 1px solid var(--rule);background: var(--paper-2)}.panel__head h2,.panel__head h3{margin: 0;font-size: var(--step-1)}.panel__body{padding: .85rem}.panel__body > :last-child{margin-block-end: 0}.kv{display: grid;gap: .1rem;margin: 0}.kv div{display: flex;justify-content: space-between;gap: 1rem;padding: .4rem 0;border-block-end: 1px solid var(--rule)}.kv div:last-child{border-block-end: 0}.kv dt{color: var(--ink-3);font-size: var(--step--1)}.kv dd{margin: 0;font-weight: 700}.statbars{display: grid;gap: .7rem}.statbar{display: grid;grid-template-columns: 2.6rem 1fr 2.6rem;gap: .5rem;align-items: center;font-size: var(--step--1)}.statbar__label{grid-column: 1 / -1;text-align: center;color: var(--ink-3);font-size: .72rem}.statbar__track{display: flex;height: 8px;background: var(--paper-2);border: 1px solid var(--rule)}.statbar__a{background: var(--green-700)}.statbar__b{background: var(--rule-strong)}.statbar b{font-variant-numeric: tabular-nums}.timeline{list-style: none;margin: 0;padding: 0;display: grid;gap: .35rem}.timeline li{display: grid;grid-template-columns: 3rem 1.4rem 1fr;gap: .5rem;align-items: center;font-size: var(--step--1);padding-block: .3rem;border-block-end: 1px solid var(--rule)}.timeline li:last-child{border-block-end: 0}.timeline__min{color: var(--ink-3);font-variant-numeric: tabular-nums;direction: ltr;unicode-bidi: isolate}.timeline__icon{text-align: center}.ev-goal{color: var(--win);font-weight: 800}.ev-yellow{color: #b8860b}.ev-red{color: var(--loss)}.ev-sub{color: var(--ink-3)}.brands{display: grid;gap: .75rem}.brandcard{background: #fff;border: 1px solid var(--rule);border-radius: var(--radius);display: grid;grid-template-columns: 2.4rem 1fr;gap: .75rem;padding: .8rem;align-items: start}.brandcard__rank{font-size: var(--step-2);font-weight: 800;color: var(--green-800);text-align: center;border-inline-end: 1px solid var(--rule);padding-inline-end: .5rem;font-variant-numeric: tabular-nums}.brandcard__main{display: grid;gap: .5rem;min-width: 0}.brandcard__id{display: flex;align-items: center;gap: .6rem;flex-wrap: wrap}.brandcard__logo{background: var(--paper-2);border: 1px solid var(--rule);padding: .3rem .45rem;display: grid;place-items: center;border-radius: var(--radius)}.brandcard__logo img{width: auto;height: 26px;max-width: 110px;object-fit: contain}.brandcard__name{font-weight: 800;font-size: var(--step-1)}.brandcard__score{margin-inline-start: auto;font-weight: 800;color: var(--green-800);background: var(--green-100);border: 1px solid #c3d6c9;padding: .1rem .5rem;border-radius: var(--radius)}.brandcard__tags{display: flex;gap: .3rem;flex-wrap: wrap;font-size: .72rem;color: var(--ink-2)}.brandcard__tags span{border: 1px solid var(--rule);padding: .05rem .4rem;border-radius: 2px;background: var(--paper)}.brandcard__note{font-size: var(--step--1);color: var(--ink-2);margin: 0}.brandcard__actions{display: flex;gap: .5rem;flex-wrap: wrap}.btn{display: inline-flex;align-items: center;justify-content: center;gap: .4rem;font: inherit;font-weight: 700;font-size: var(--step--1);padding: .45rem .9rem;border-radius: var(--radius);text-decoration: none;border: 1px solid var(--green-800);background: var(--green-800);color: #fff;cursor: pointer}.btn:hover{background: var(--green-700);color: #fff}.btn--ghost{background: transparent;color: var(--green-800)}.btn--ghost:hover{background: var(--green-100);color: var(--green-800)}.btn--lime{background: var(--lime);border-color: var(--lime-deep);color: var(--green-900)}.btn--lime:hover{background: var(--lime-deep);color: #fff}.masthead .masthead-cta{display: none}@media (min-width: 60rem){.masthead .masthead-cta{display: inline-flex}}.faq__list{display: grid;gap: .5rem}.faq__item{background: #fff;border: 1px solid var(--rule);border-radius: var(--radius)}.faq__item summary{cursor: pointer;padding: .7rem .85rem;list-style: none;display: flex;align-items: center;justify-content: space-between;gap: .75rem}.faq__item summary::-webkit-details-marker{display: none}.faq__item summary::after{content: "+";font-weight: 800;color: var(--green-700);font-size: 1.1rem}.faq__item[open] summary::after{content: "−"}.faq__q{margin: 0;font-size: var(--step-0);font-weight: 700}.faq__a{padding: 0 .85rem .8rem;color: var(--ink-2)}.faq__a p{margin: 0}.tiles{display: grid;gap: .75rem;grid-template-columns: repeat(auto-fill,minmax(min(100%,13rem),1fr))}.tile{background: #fff;border: 1px solid var(--rule);border-radius: var(--radius);padding: .8rem;text-decoration: none;color: inherit;display: grid;gap: .35rem;border-block-start: 3px solid var(--lg,var(--green-700))}.tile:hover{border-color: var(--rule-strong)}.tile__title{font-weight: 800;display: flex;align-items: center;gap: .5rem}.tile__title img{width: 26px;height: 26px}.tile__meta{font-size: var(--step--1);color: var(--ink-3)}.empty{border: 1px dashed var(--rule-strong);background: #fffdf7;padding: 1.4rem 1rem;text-align: center;color: var(--ink-2);border-radius: var(--radius)}.empty p{margin: 0 0 .6rem}.empty p:last-child{margin: 0}.skeleton{background: linear-gradient(90deg,var(--paper-2) 25%,#f7f5ef 37%,var(--paper-2) 63%);background-size: 400% 100%;animation: shimmer 1.4s ease infinite;border-radius: 2px;height: 1rem}@keyframes shimmer{0%{background-position: 100% 0}100%{background-position: 0 0}}.footer{background: var(--green-900);color: #b9cdc2;margin-block-start: 2rem}.footer__grid{display: grid;gap: 1.4rem;padding-block: 2rem}@media (min-width: 46rem){.footer__grid{grid-template-columns: 1.3fr repeat(2,minmax(0,1fr))}}@media (min-width: 68rem){.footer__grid{grid-template-columns: 1.4fr repeat(4,minmax(0,1fr))}}.footer h2{color: #fff;font-size: var(--step-0);margin-block-end: .6rem}.footer ul{list-style: none;margin: 0;padding: 0;display: grid;gap: .35rem}.footer a{color: #b9cdc2;text-decoration: none;font-size: var(--step--1)}.footer a:hover{color: var(--lime);text-decoration: underline}.footer__about p{font-size: var(--step--1);margin-block-end: .6rem}.footer__legal{border-block-start: 1px solid rgba(255,255,255,.12);padding-block: .9rem;font-size: .74rem;display: flex;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.notfound{padding-block: 3.5rem;text-align: center}.notfound__code{font-size: clamp(4rem,18vw,8rem);font-weight: 800;color: var(--green-100);line-height: .9;margin: 0}.notfound ul{list-style: none;padding: 0;display: grid;gap: .5rem;max-width: 24rem;margin-inline: auto}.notfound ul a{display: block;background: #fff;border: 1px solid var(--rule);padding: .6rem;text-decoration: none;border-radius: var(--radius)}[id]{scroll-margin-top: 4.5rem}