@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-800-italic.woff2") format("woff2")}

:root{
    --site-bg:#050608;
    --site-surface:#0e1319;
    --site-surface-2:#171e27;
    --site-line:rgba(255,255,255,.1);
    --site-text:#f4f6f8;
    --site-muted:#9aa7b4;
    --site-time:#8be28b;
    --site-live:#ff3b4e;
    --site-display:"Barlow Condensed",Inter,Arial,sans-serif;
    --site-header-h:calc(clamp(148px,12vw,210px) + 66px);
}

html,body{min-height:100%;background:#050608}
body{position:relative;isolation:isolate;color:var(--site-text);background:transparent}
body::before{content:"";position:fixed;z-index:-3;inset:-2%;pointer-events:none;background:
    linear-gradient(180deg,rgba(2,4,8,.24) 0%,rgba(2,4,8,.43) 36%,rgba(2,4,8,.72) 72%,rgba(5,6,8,.94) 100%),
    linear-gradient(90deg,rgba(2,4,8,.24),transparent 35%,transparent 66%,rgba(2,4,8,.28)),
    var(--site-background-image,url('/assets/images/sports-arena-background.svg')) center 38%/cover no-repeat,#050608;transform:scale(1.025);animation:siteBackgroundDrift 34s ease-in-out infinite alternate}
body::after{content:"";position:fixed;z-index:-1;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 12% 40%,rgba(30,255,102,.13),transparent 34%),radial-gradient(ellipse at 88% 62%,rgba(0,160,255,.1),transparent 32%);opacity:.7;animation:siteGlow 9s ease-in-out infinite alternate}
.site-atmosphere{position:fixed;z-index:-2;inset:0;overflow:hidden;pointer-events:none}
.site-atmosphere::before{content:"";position:absolute;inset:-30% -45%;background:linear-gradient(112deg,transparent 47%,rgba(150,255,188,.012) 49%,rgba(196,255,220,.055) 50%,rgba(150,255,188,.012) 51%,transparent 53%);animation:siteLightSweep 26s ease-in-out infinite alternate}
.site-atmosphere__crest{position:absolute;width:clamp(120px,17vw,250px);height:clamp(120px,17vw,250px);object-fit:contain;opacity:.105;filter:drop-shadow(0 0 24px rgba(40,255,120,.45));mix-blend-mode:screen;animation:siteCrestFloat 13s ease-in-out infinite alternate}
.site-atmosphere__crest--home{left:max(2vw,18px);top:27vh}
.site-atmosphere__crest--away{right:max(2vw,18px);top:58vh;animation-delay:-6s}
.site-atmosphere__orbit{position:absolute;width:min(48vw,620px);aspect-ratio:1;border:1px solid rgba(115,255,157,.08);border-radius:50%;box-shadow:inset 0 0 80px rgba(33,255,106,.025),0 0 90px rgba(33,255,106,.035);animation:siteOrbit 36s linear infinite}
.site-atmosphere__orbit--one{top:15vh;left:-24vw}
.site-atmosphere__orbit--two{right:-28vw;bottom:-28vh;width:min(56vw,760px);animation-direction:reverse}
body.site-background--off::before{background:#050608;animation:none}
body.site-background--off::after{display:none}
body.site-background--off .site-atmosphere{display:none}
body.site-motion--off::before,body.site-motion--off::after,body.site-motion--off .site-atmosphere::before,body.site-motion--off .site-atmosphere__crest,body.site-motion--off .site-atmosphere__orbit{animation:none}
@keyframes siteBackgroundDrift{from{transform:scale(1.025) translate3d(-.25%,0,0)}to{transform:scale(1.06) translate3d(.25%,-.25%,0)}}
@keyframes siteGlow{from{opacity:.42;transform:translate3d(-1%,0,0)}to{opacity:.82;transform:translate3d(1%,1%,0)}}
@keyframes siteLightSweep{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(2%,0,0)}}
@keyframes siteCrestFloat{from{transform:translate3d(0,-8px,0) rotate(-5deg)}to{transform:translate3d(0,10px,0) rotate(5deg)}}
@keyframes siteOrbit{to{transform:rotate(360deg)}}
.app-shell--premium{min-height:calc(100vh - var(--site-header-h));padding:24px 18px}
.app-shell--premium{animation:siteFade .2s ease}
@keyframes siteFade{from{opacity:0}to{opacity:1}}

/* Cabeçalho */
.site-strip{height:6px;background:var(--accent,#e50914)}
.site-brand{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:clamp(148px,12vw,210px);padding:0 20px;overflow:hidden;background:#080411}
.site-brand::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,#6b169b66,transparent 45%),radial-gradient(ellipse at 10% 15%,#7626ae30,transparent 55%),radial-gradient(ellipse at 90% 25%,#a442db26,transparent 55%),linear-gradient(90deg,#080411,#1b0b2b 50%,#080411)}
.site-brand::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,5,8,.2),transparent 22%,transparent 78%,rgba(3,5,8,.35)),linear-gradient(90deg,rgba(3,5,8,.2),transparent 18%,transparent 82%,rgba(3,5,8,.25))}
.site-logo{display:flex;align-items:center;gap:12px;color:var(--site-text);text-decoration:none}
.site-logo img{width:44px;height:44px;object-fit:contain;border-radius:10px}
.site-logo span{font-family:var(--site-display);font-size:36px;font-style:italic;font-weight:800;line-height:1;letter-spacing:.01em;text-transform:uppercase}
.site-logo--banner{position:absolute;z-index:1;inset:0;display:block;overflow:hidden}
.site-logo--banner img{display:block;width:100%;height:100%;border-radius:0;object-fit:contain;object-position:center;opacity:1;filter:drop-shadow(0 0 22px #9f3ded70)}
.site-logo--banner span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-logo--banner:focus-visible{outline:3px solid #8be28b;outline-offset:-5px}
.site-account{position:absolute;z-index:3;top:14px;right:20px;display:flex;align-items:center;gap:10px}
.site-account__text{display:flex;flex-direction:column;gap:1px;text-align:right}
.site-account__name{max-width:150px;overflow:hidden;font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.site-account__exp{font-size:11px;font-weight:600;white-space:nowrap}
.site-account__exp.ok{color:#2ecc71}
.site-account__exp.warn{color:#f1c40f}
.site-account__exp.bad{color:#ff8080}
.site-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--accent,#e50914);color:#fff;font-size:12px;font-weight:800;text-decoration:none}
.site-avatar img{width:100%;height:100%;object-fit:cover}
.site-exit{padding:7px 12px;border-radius:8px;border:1px solid var(--site-line);color:var(--site-muted);font-size:12px;font-weight:700;text-decoration:none}
.site-exit:hover{color:#fff;border-color:rgba(255,255,255,.28)}

.site-nav{position:sticky;top:0;z-index:40;background:#12171e;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.site-nav__inner{display:flex;align-items:center;gap:6px;max-width:1180px;min-height:60px;margin:0 auto;padding:0 18px}
.site-nav a.site-nav__link{padding:9px 13px;border-radius:9px;color:#d6dde4;font-family:var(--site-display);font-size:18px;font-weight:600;letter-spacing:.03em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.site-nav a.site-nav__link:hover{color:#fff;background:rgba(255,255,255,.07)}
.site-nav a.site-nav__link.on{color:#fff;border-radius:0;box-shadow:inset 0 -3px 0 var(--accent,#e50914)}
.site-nav a.site-nav__renew{color:var(--accent,#e50914)}
.site-nav a.site-nav__search-link{display:none}
.site-search{margin-left:auto}
.site-search input{width:230px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--site-line);background:#07090c;color:var(--site-text);font:inherit;font-size:14px}
.site-search input::placeholder{color:var(--site-muted)}
.site-search input:focus{outline:2px solid var(--accent,#e50914);outline-offset:1px}

.site-cta{padding:8px 16px;border-radius:8px;background:var(--accent,#e50914);color:#fff;font-size:13px;font-weight:800;text-decoration:none}
.site-cta:hover{filter:brightness(1.12)}

/* Pop-up da oferta */
.sale{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;background:rgba(0,0,0,.8)}
.sale[hidden]{display:none}
.sale__box{--sale-lime:#b6ff5c;position:relative;width:min(100%,880px);max-height:calc(100vh - 32px);margin:auto;overflow-y:auto;border-radius:18px;border:1px solid rgba(182,255,92,.28);background:#06141a;color:var(--site-text);box-shadow:0 30px 100px rgba(0,0,0,.8),0 0 60px rgba(120,255,90,.14)}
.sale__close{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:15px;cursor:pointer}

.sale__hero{position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:20px;min-height:360px;padding:32px 36px 26px;overflow:hidden;background:
    radial-gradient(180px 130px at 8% 0,rgba(255,255,255,.55),transparent),
    radial-gradient(220px 150px at 94% 0,rgba(255,255,255,.42),transparent),
    radial-gradient(420px 220px at 28% 58%,rgba(120,255,90,.3),transparent),
    linear-gradient(180deg,#0a2438 0,#0a3040 42%,#0b5a35 74%,#117a43 100%)}
.sale__hero::after{content:"";position:absolute;left:50%;bottom:-126px;width:1100px;height:190px;border:3px solid rgba(255,255,255,.3);border-radius:50%;transform:translateX(-50%)}

.sale__phone{position:relative;z-index:1;justify-self:center;width:176px;height:320px;padding:9px;border-radius:30px;background:linear-gradient(145deg,#39424c,#0b0e12);box-shadow:0 26px 50px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.14);transform:rotate(-6deg)}
.sale__screen{display:flex;flex-direction:column;align-items:center;gap:12px;height:100%;padding:18px 10px 12px;overflow:hidden;border-radius:23px;background:linear-gradient(180deg,#071018,#0c2a22)}
.sale__screen-brand{max-width:100%;overflow:hidden;font-family:var(--site-display);font-size:18px;font-style:italic;font-weight:800;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}
.sale__screen-live{padding:3px 8px;border-radius:5px;background:#a3142a;font-size:9px;font-weight:800}
.sale__screen-match{display:flex;align-items:center;gap:8px;margin:4px 0}
.sale__screen-match i{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#26323d,#10171e);box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.sale__screen-match b{font-family:var(--site-display);font-size:20px;font-style:italic;color:var(--sale-lime)}
.sale__screen-tiles{display:grid;width:100%;gap:6px;margin-top:auto}
.sale__screen-tiles i{padding:9px;border-radius:8px;background:rgba(255,255,255,.08);font-size:11px;font-style:normal;font-weight:700;text-align:center}

.sale__pitch{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-right:18px}
.sale__brand{font-family:var(--site-display);font-size:22px;font-style:italic;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.sale__game{margin-top:8px;padding:4px 10px;border-radius:6px;background:rgba(0,0,0,.45);color:var(--sale-lime);font-size:12px;font-weight:800;text-transform:uppercase}
.sale__box h2{margin:10px 0 0;font-family:var(--site-display);font-size:60px;font-style:italic;font-weight:800;line-height:.98;text-transform:uppercase;text-shadow:0 4px 14px rgba(0,0,0,.55)}
.sale__box h2 em{display:block;color:var(--sale-lime)}
.sale__offer{margin:12px 0 0;font-family:var(--site-display);font-size:24px;font-weight:600;line-height:1.1;text-transform:uppercase}
.sale__price{color:var(--sale-lime);font-size:36px;font-style:italic;font-weight:800;white-space:nowrap}
.sale__cta{display:block;width:100%;margin-top:16px;padding:15px;border-radius:12px;background:linear-gradient(180deg,#d6ff8e,#8fe63f);color:#06240f;font-family:var(--site-display);font-size:24px;font-weight:800;letter-spacing:.03em;text-align:center;text-decoration:none;text-transform:uppercase;box-shadow:0 10px 30px rgba(143,230,63,.32);transition:filter .15s,transform .15s}
.sale__cta:hover,.sale__cta:focus-visible{filter:brightness(1.07);transform:translateY(-1px)}
.sale__login{align-self:center;margin-top:10px;padding:4px;color:#e4ecf2;font-size:13px;font-weight:700}
.sale__login:hover{color:#fff}

.sale__benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.08);list-style:none}
.sale__benefits li{display:flex;flex-direction:column;gap:2px;padding:14px 16px}
.sale__benefits strong{color:var(--sale-lime);font-size:12px;font-weight:800;text-transform:uppercase}
.sale__benefits span{color:var(--site-muted);font-size:12px}

@media(max-width:760px){
    .sale{padding:10px}
    .sale__box{max-height:calc(100vh - 20px)}
    .sale__hero{grid-template-columns:1fr;min-height:0;padding:24px 18px 20px}
    .sale__phone{display:none}
    .sale__pitch{padding-right:0}
    .sale__box h2{font-size:48px}
    .sale__offer{font-size:21px}
    .sale__price{font-size:32px}
    .sale__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sale__benefits li{padding:11px 14px}
}

/* Menu lateral do celular */
.hd-burger{position:absolute;top:50%;left:12px;display:none;padding:6px 10px;border:0;border-radius:10px;background:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;transform:translateY(-50%)}

@media(max-width:860px){
    :root{--site-header-h:calc(clamp(110px,28vw,144px) + 116px)}
    .site-brand{min-height:clamp(110px,28vw,144px);padding:0}
    .site-logo img{width:32px;height:32px}
    .site-logo--banner img{width:100%;height:100%}
    .site-logo span{font-size:25px}
    .hd-burger{display:block}
    .hd-burger{z-index:3}
    .site-account__text,.site-exit,.site-search{display:none}
    .site-cta{padding:7px 12px}
    .site-account{top:10px;right:12px}
    .site-nav__inner{min-height:50px;overflow-x:auto;padding:0 10px;scrollbar-width:none}
    .site-nav__inner::-webkit-scrollbar{display:none}
    .site-nav a.site-nav__link{padding:8px 10px;font-size:16px}
    .site-nav a.site-nav__search-link{display:block}
    .site-nav a.site-nav__renew{display:none}
    .app-shell--premium{padding:16px 12px}
    body::before{background-position:center 32%;animation-duration:46s}
    .site-atmosphere__crest{width:clamp(90px,24vw,150px);height:clamp(90px,24vw,150px);opacity:.075}
    .site-atmosphere__crest--home{left:-18px;top:30vh}
    .site-atmosphere__crest--away{right:-18px;top:62vh}
    .site-atmosphere__orbit--one{left:-46vw}
    .site-atmosphere__orbit--two{right:-52vw}
}

@media(prefers-reduced-motion:reduce){
    body::before,body::after,.site-atmosphere::before,.site-atmosphere__crest,.site-atmosphere__orbit{animation:none}
}

/* Navegação esportiva: contraste, busca acessível e controles de toque. */
.site-skip{position:fixed;top:8px;left:8px;z-index:110;padding:12px 18px;border-radius:8px;background:#d1ffac;color:#06130d;font-weight:800;transform:translateY(-160%)}
.site-skip:focus{transform:none}
.site-header :is(a,button,input):focus-visible{outline:3px solid #b6f598;outline-offset:3px}
.site-account{padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(5,12,17,.92);box-shadow:0 8px 24px #0003}
.site-avatar,.site-exit,.site-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.site-avatar{width:44px;height:44px}
.site-nav{background:#0e171e;box-shadow:0 6px 24px #0003}
.site-nav__inner{gap:2px}
.site-nav a.site-nav__link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 10px;font-size:17px}
.site-nav a.site-nav__link.on{background:rgba(139,226,139,.08)}
.site-nav a.site-nav__search-link{display:none}
.site-search{flex:0 1 230px;min-width:160px}
.site-search input{width:100%;height:44px;background:#080f15;border-color:#34444d}
.hd-drawer-close-btn{min-width:44px;min-height:44px}
@media(max-width:1100px){
    .site-nav__inner{flex-wrap:wrap;padding-top:7px;padding-bottom:9px}
    .site-search{display:block;flex:1 0 100%;margin:4px 0 0}
    .site-nav a.site-nav__search-link{display:none}
}
@media(max-width:860px){
    .site-brand{min-height:calc(clamp(110px,28vw,144px) + 60px)}
    .site-logo--banner{inset:60px 0 0}
    .site-account{top:7px;right:10px;padding:0;border:0;background:transparent;box-shadow:none}
    .site-account .site-exit{display:inline-flex;padding:7px 10px;background:#0a131ce6}
    .hd-burger{top:7px;left:10px;transform:none;min-width:44px;min-height:44px;background:#0a131ce6;border:1px solid #ffffff24}
    .site-nav__inner{overflow:visible;gap:2px;padding:6px 10px 10px}
    .site-nav a.site-nav__link{flex:1 0 auto;font-size:16px;padding:8px}
    .site-search{display:block}
    .site-search input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.app-shell--premium{animation:none}}

/* Cabeçalho X-Sports: composição mais limpa e consistente com a marca roxa. */
:root{--site-header-h:calc(clamp(154px,10.5vw,184px) + 64px)}
.site-strip{height:4px;background:linear-gradient(90deg,#6924a1,#d08aff 50%,#6924a1);box-shadow:0 1px 14px #c277f08a}
.site-brand{min-height:clamp(154px,10.5vw,184px);border-bottom:1px solid #d898f12b;background:linear-gradient(110deg,#0b0715,#1b0b2d 48%,#0b0715)}
.site-brand::before{background:radial-gradient(ellipse at 50% 86%,#b651e05b,transparent 43%),radial-gradient(ellipse at 8% 16%,#7a36ac2c,transparent 52%),radial-gradient(ellipse at 92% 16%,#9a45c62c,transparent 52%),linear-gradient(90deg,#0b0715,#1e0d31 50%,#0b0715)}
.site-brand::after{background:linear-gradient(180deg,#ffffff08,transparent 24%,transparent 78%,#03030766),linear-gradient(90deg,#07040d70,transparent 22%,transparent 78%,#07040d70)}
.site-logo--banner{inset:7px 0 4px}
.site-logo--banner img{width:min(100%,610px);height:100%;margin:0 auto;object-position:center 52%;filter:drop-shadow(0 8px 22px #07020e) drop-shadow(0 0 18px #bd6ff36b)}
.site-account{top:12px;right:22px;gap:8px;padding:8px;border-color:#dfa7f14a;border-radius:14px;background:#130d1ddb;box-shadow:0 12px 28px #0007;backdrop-filter:blur(12px)}
.site-exit{padding:8px 14px;border-color:#eed2fc4a;color:#eadcf1;background:#ffffff08}
.site-exit:hover{border-color:#f4d6ff;color:#fff;background:#ffffff16}
.site-cta{padding:9px 16px;border:1px solid #f1cdfd;background:linear-gradient(135deg,#9b4cd0,#d58df8);color:#1a0b26;box-shadow:0 8px 18px #a555d251}
.site-nav{border-top-color:#dca0ef1f;border-bottom-color:#dca0ef2b;background:#0d1019ef;box-shadow:0 8px 26px #0006;backdrop-filter:blur(14px)}
.site-nav__inner{max-width:1280px;min-height:64px}
.site-nav a.site-nav__link{border:1px solid transparent;border-radius:8px;color:#d9d1e0}
.site-nav a.site-nav__link:hover{border-color:#c789e845;background:#b968df15;color:#fff}
.site-nav a.site-nav__link.on{border-color:#c886ec36;background:#b968df1c;color:#f7eaff;box-shadow:inset 0 -2px 0 #d99aff}
.site-search input{border-color:#b77bdb56;background:#0a0912;color:#f4eaff;box-shadow:inset 0 1px #ffffff08}
.site-search input:focus{outline-color:#d89cff}
.site-account{gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.site-account .site-exit,.site-account .site-cta{min-width:74px;min-height:42px;padding:0 15px;border-radius:10px;font-size:12px;font-weight:800;letter-spacing:.01em;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.site-account .site-exit{border-color:#d9c6e538;background:#15111fd9;color:#eee5f3;box-shadow:inset 0 1px #ffffff12}
.site-account .site-exit:hover{border-color:#d8a7ef8a;background:#21152d;transform:translateY(-1px)}
.site-account .site-cta{border-color:#f1cfff;background:linear-gradient(135deg,#a354d4,#d99bfa);color:#1b0b28;box-shadow:0 8px 18px #ad63d04f,inset 0 1px #fff8}
.site-account .site-cta:hover{background:linear-gradient(135deg,#b662e7,#e6b5ff);transform:translateY(-1px);box-shadow:0 12px 22px #ad63d06b,inset 0 1px #fff}
@media(max-width:860px){.site-account .site-exit,.site-account .site-cta{min-width:0;min-height:40px;padding:0 12px;border-radius:9px}.site-account .site-exit{background:#15111fd9}}
@media(max-width:860px){:root{--site-header-h:calc(clamp(110px,28vw,144px) + 116px)}.site-brand{min-height:calc(clamp(110px,28vw,144px) + 60px)}.site-logo--banner{inset:60px 0 0}.site-logo--banner img{width:min(100%,400px);object-position:center 55%}.site-account{top:7px;right:10px;padding:0;border:0;background:transparent;box-shadow:none}.site-cta{padding:7px 12px}.site-nav{backdrop-filter:none}}

/* Fundo da vitrine: imagem esportiva como ambientação, sem competir com a agenda. */
body::before{inset:-3%;background:linear-gradient(180deg,#08061280 0%,#0b0717a6 31%,#090914d6 66%,#06070beF 100%),radial-gradient(ellipse at 50% 12%,#b35de42e,transparent 48%),linear-gradient(90deg,#070510c9 0%,#09061245 25%,#09061238 75%,#070510c9 100%),var(--site-background-image,url('/assets/images/sports-arena-background.svg')) center 34%/cover no-repeat,#080711;filter:saturate(.88) contrast(1.05);transform:scale(1.035);animation:siteBackgroundDrift 38s ease-in-out infinite alternate}
body::after{inset:-15%;background:radial-gradient(ellipse at 10% 38%,#9a4cd526,transparent 38%),radial-gradient(ellipse at 88% 58%,#c17af326,transparent 35%),radial-gradient(ellipse at 52% 100%,#5b2b8c1c,transparent 48%);opacity:.9;animation:siteGlow 12s ease-in-out infinite alternate}
.site-atmosphere::before{background:linear-gradient(112deg,transparent 45%,#edc4ff09 49%,#d68dff36 50%,#edc4ff09 51%,transparent 55%)}
.site-atmosphere__crest{opacity:.07;filter:grayscale(.18) drop-shadow(0 0 30px #ba64e078);mix-blend-mode:screen}
.site-atmosphere__orbit{border-color:#d99af01c;box-shadow:inset 0 0 80px #af65df0d,0 0 90px #b369e014}
@media(max-width:860px){body::before{background-position:center 31%;filter:saturate(.8) contrast(1.06)}body::after{opacity:.72}.site-atmosphere__crest{opacity:.045}}