/* Layout for the saved Sorare landing page. Component CSS is absent in the export. */
:root { color-scheme: dark; --page-width: 1440px; --page-gutter: clamp(20px, 4vw, 64px); }
body { background: #0e0e0e; color: #fff; line-height: 1.5; }
#root { min-height: 100vh; overflow: clip; }
img { max-width: 100%; height: auto; }
picture { display: block; }
button, input { font: inherit; }
a, button, input { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #d6f46b; outline-offset: 5px; }
.sc-fMbzfT { display: flex; flex-direction: column; min-width: 0; }
.sc-giUsWN { display: flex; align-items: center; gap: 12px; }
.jLNZdD { gap: 24px; }
.gjrZes, .fGUrEP { gap: 32px; }
.kaqTbI { gap: 4px; }
.sc-cGbYLd { width: min(100%, var(--page-width)); margin-inline: auto; padding-inline: var(--page-gutter); }
.aexpH { padding-block: 72px; }
.sc-eZJyJs { position: sticky; top: 0; z-index: 20; background: rgba(14,14,14,.96); border-bottom: 1px solid #ffffff18; }
.ksmdnZ { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.fzHtZm { display: flex; align-items: center; gap: 32px; }
.irXIuO { display: inline-flex; margin-right: 16px; }
.daFONv { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: #fff; }
.daFONv:hover, footer a:hover { color: #d6f46b; }
.kEPSFp { display: none; }
.lhuwUu { display: inline-flex; justify-content: center; align-items: center; border-radius: 999px; font-weight: 650; line-height: 1.25; border: 1px solid transparent; transition: background .18s, transform .18s; }
.lhuwUu.small { min-height: 40px; padding: 10px 20px; font-size: 14px; }
.lhuwUu.medium { min-height: 48px; padding: 14px 24px; font-size: 16px; }
.lhuwUu.large { min-height: 56px; padding: 16px 32px; font-size: 16px; }
.lhuwUu.primary { background: #fff; color: #0e0e0e; }
.lhuwUu.secondary { background: #d6f46b; color: #0e0e0e; }
.lhuwUu.tertiary { border-color: #ffffff55; color: #fff; }
.lhuwUu.transparent { color: #ffffffb3; }
.lhuwUu:hover { transform: translateY(-1px); }
.lhuwUu.secondary:hover { background: #e3ff8b; }
.lhuwUu.primary:hover { background: #e7e7e7; }
.lhuwUu.tertiary:hover { background: #ffffff12; }
.pill-cta, .pill-label { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.eCnMYO > .jLNZdD { gap: 0; }
.jPTlZt { margin-block: 24px; border: 1px solid #ffffff25; border-radius: 12px; background: #1c1c1c; }
.blLgYL { display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; gap: 20px; padding: 16px 24px; }
.blLgYL img { width: 32px; height: 32px; object-fit: contain; }
.blLgYL > .kaqTbI { text-align: center; }
.blLgYL .clZoMx { justify-self: end; }
.hKqLha { font-size: 16px; font-weight: 700; }
.hDaXPR { font-size: 16px; font-weight: 600; }
.dwnoCB { font-size: 12px; color: #ffffffa6; }
.bPGGFK { text-decoration: underline; }
.PPblb { position: relative; min-height: 850px; align-items: center; isolation: isolate; padding: 64px 24px 80px; gap: 40px; }
.dmdbTZ { position: absolute; inset: 0; z-index: -1; }
.dmdbTZ img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.kVfFKt { align-items: center; text-align: center; gap: 20px; max-width: 720px; }
.bZbTrG { font-family: pressio, Impact, 'Arial Narrow', sans-serif; font-size: clamp(54px, 6.2vw, 88px); font-weight: 400; line-height: 1; letter-spacing: -2px; }
.XeZYU { font-size: 20px; line-height: 1.5; }
.eCLtDm { max-width: 540px; }
.heRLzD { width: min(100%, 940px); position: relative; }
.fDXlog { position: relative; align-items: center; }
.jinFyi { position: relative; width: min(100%, 440px); border: 1px solid #ffffff50; border-radius: 20px; background: #111e; box-shadow: 0 24px 80px #0006; z-index: 2; padding: 32px; }
.hwVzwE { gap: 24px; }
.ejqVmy { text-align: center; font-size: 26px; font-weight: 700; }
.gYdUcw form { margin: 0; }
.gYdUcw .gjrZes { gap: 16px; }
.gYdUcw .jLNZdD { gap: 8px; }
.frXxEt { border: 1px solid #ffffff40; border-radius: 8px; background: #ffffff0a; padding: 0 16px; }
.frXxEt input { width: 100%; min-width: 0; height: 52px; border: 0; background: transparent; color: #fff; }
.frXxEt input::placeholder { color: #ffffff80; }
.gDmKdG { display: inline-flex; }
.gnawWd { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.kVGYAA { width: 30%; }
.kVGYAA:first-child { transform: rotate(-12deg) translateX(-15%); }
.kVGYAA:last-child { transform: rotate(12deg) translateX(15%); }
.ggtePI { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 580px; border-radius: 24px; overflow: hidden; background: var(--background) center / cover; padding: 64px; gap: 32px; }
.cnMaFi { align-items: flex-start; max-width: 480px; z-index: 1; }
.flPDhW, .hFfuyp, .eKAPSQ { font-family: pressio, Impact, 'Arial Narrow', sans-serif; font-weight: 400; font-size: clamp(42px, 5vw, 72px); line-height: 1.05; letter-spacing: -1px; }
.gfALmB { font-size: 16px; line-height: 1.6; }
.jvPevE { width: 100%; max-height: 540px; object-fit: contain; }
.iPpvIl { display: none; }
.hUcuzZ { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; min-height: 700px; background: var(--background) center / cover; gap: 64px; padding: 80px max(var(--page-gutter), calc((100vw - 1312px) / 2)); }
.loqib img { width: 100%; max-height: 560px; object-fit: contain; }
.eoRSuh { align-items: flex-start; gap: 32px; max-width: 520px; }
.BjjnC { position: relative; isolation: isolate; min-height: 670px; display: flex; align-items: center; justify-content: center; padding: 80px 24px; text-align: center; }
.dkzJkU { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.gFqhWP { align-items: center; gap: 32px; max-width: 620px; }
.gFqhWP .kaqTbI { align-items: center; gap: 24px; }
.kXmpbZ { display: block; color: #d6f46b; font-size: 1.4em; }
.kIpLRu { max-width: 440px; margin-inline: auto; }
.Xgzms { padding-block: 80px; }
.fIvnLI { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 40px; }
.jJqHgQ { width: 80px; height: 80px; object-fit: contain; }
.enJWIT { font-size: 32px; font-weight: 700; }
.hlDOvD { display: flex; gap: 16px; align-items: center; }
.dYDEiG { height: 1px; flex: 1; background: #ffffff26; }
.iVofcQ { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.jynHMz { padding: 20px; background: #1b1b1b; border: 1px solid #ffffff1a; border-radius: 16px; gap: 20px; }
.jynHMz > .eGTUBH img { width: 28px; height: 28px; object-fit: contain; }
.jSIwdT { font-size: 13px; font-weight: 600; }
.iGdQxF { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.igSDXk { display: flex; align-items: center; gap: 12px; min-width: 0; }
.isRounded { border-radius: 50%; object-fit: cover; }
.jZcLxE { font-size: 12px; color: #ffffff9c; }
.limited { color: #ebc55f; }
.zqCGo { font-size: 14px; }
.bCxAYV { white-space: nowrap; font-size: 12px; }
.gMpfVQ { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 6px; }
.gMpfVQ img { width: 100%; border-radius: 5px; }
.gAKQBQ { display: flex; justify-content: center; margin-top: 24px; }
.hrhMxq { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.fWKEXD { width: 100%; border-radius: 16px; }
.bUFxRB { border-top: 1px solid #ffffff26; background: #141414; padding: 48px var(--page-gutter) 32px; }
.hKgfIR { max-width: 1312px; margin-inline: auto; }
.ksgPkg { display: flex; gap: 16px; margin-bottom: 40px; }
.boEKmA { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; }
.boEKmA svg { width: 22px; height: 22px; }
.gMxgDt { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: start; gap: 32px; }
.fmflhq { font-size: 14px; font-weight: 700; margin-bottom: 16px; }
.eARDJW { display: block; color: #ffffffa6; font-size: 14px; margin-bottom: 10px; }
.bSalaw { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.jSxYyP { font-size: 12px; color: #ffffff80; }
.dWNevV { position: fixed; z-index: 50; bottom: 24px; left: 24px; width: min(440px, calc(100% - 48px)); background: #242424; box-shadow: 0 12px 48px #0008; border: 1px solid #ffffff30; border-radius: 16px; }
.jvSbJu { padding: 24px; gap: 20px; }
.gNivIj { text-align: right; color: #ffffffa6; font-size: 12px; text-decoration: underline; }
.fUehCl { font-size: 22px; line-height: 1.25; margin-bottom: 16px; }
.jvSbJu .gfALmB { font-size: 13px; margin-top: 12px; }
.hvUBBP { display: flex; justify-content: flex-end; gap: 12px; }
@media (min-width: 1600px) { .PPblb { min-height: 940px; } }
@media (max-width: 1000px) {
  .fzHtZm { gap: 20px; } .irXIuO { margin-right: 0; }
  .ggtePI { padding: 40px; min-height: 480px; }
  .hUcuzZ { gap: 32px; min-height: 560px; }
  .iVofcQ { grid-template-columns: 1fr; }
  .jynHMz { max-width: 620px; width: 100%; margin-inline: auto; }
  .gMpfVQ { gap: 12px; }
}
@media (max-width: 700px) {
  .ksmdnZ { min-height: 68px; gap: 12px; }
  .irXIuO svg { width: 112px; height: auto; }
  .fzHtZm .daFONv { display: none; }
  .ksmdnZ > .bAeffy { gap: 8px; }
  .ksmdnZ .small { padding: 9px 14px; min-height: 36px; font-size: 12px; }
  .jPTlZt { margin-block: 16px; }
  .blLgYL { grid-template-columns: 1fr auto; padding: 16px; gap: 12px; }
  .blLgYL > .bAeffy { grid-column: 1 / -1; }
  .blLgYL > .kaqTbI { text-align: left; } .blLgYL .text-center { text-align: left; }
  .blLgYL .small { padding: 10px 16px; }
  .PPblb { padding: 40px 20px 64px; min-height: 760px; gap: 32px; }
  .bZbTrG { letter-spacing: -1px; }
  .XeZYU { font-size: 17px; }
  .jinFyi { padding: 24px; width: min(100%, 400px); }
  .gnawWd { display: none; }
  .ejqVmy { font-size: 23px; }
  .aexpH { padding-block: 40px; }
  .ggtePI { grid-template-columns: 1fr; padding: 32px 24px; gap: 24px; border-radius: 16px; }
  .jvPevE { max-height: 360px; }
  .hUcuzZ { grid-template-columns: 1fr; gap: 32px; padding: 48px 24px; }
  .loqib { order: 2; } .loqib img { max-height: 400px; }
  .BjjnC { min-height: 580px; padding-block: 48px; }
  .Xgzms { padding-block: 48px; }
  .fIvnLI { gap: 12px; margin-bottom: 24px; }
  .enJWIT { font-size: 26px; } .jJqHgQ { width: 56px; height: 56px; }
  .hlDOvD .XeZYU { font-size: 15px; }
  .hrhMxq { grid-template-columns: 1fr; gap: 16px; }
  .gMxgDt { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 20px; }
  .bSalaw { align-items: flex-start; flex-direction: column; }
  .dWNevV { left: 12px; bottom: 12px; width: calc(100% - 24px); max-height: 70dvh; overflow-y: auto; }
  .jvSbJu { padding: 20px; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) { .lhuwUu { transition: none; } .lhuwUu:hover { transform: none; } }