/* Living voxel world, with a persistent motion control. */
html{scroll-padding-top:0}.header{background:#100c19dc;backdrop-filter:blur(16px);border-bottom:1px solid #b887ed2b}.header.scrolled{background:#110d1bf5;box-shadow:0 6px 0 #07040c55,0 16px 35px #0004}.nav{gap:20px}.desktop-nav{gap:22px}.desktop-nav a{position:relative;padding:15px 0;line-height:2;white-space:nowrap}.desktop-nav a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:3px;background:#ff842e;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a.active::after{transform:scaleX(1)}.desktop-nav a.active{color:#ff9d4f}.nav-account{font:9px/1.6 var(--pixel);display:flex;align-items:center;gap:9px;border:1px solid #7a5c90;background:#291e36;padding:14px 15px;box-shadow:inset 1px 1px #d9b8ff35,inset -2px -2px #0c0711;color:#efe0ff;white-space:nowrap}.nav-account:hover{border-color:#e1c4ff;background:#412850}.nav-account svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}.nav-telegram{padding:14px 13px}.logo{isolation:isolate}.logomark{position:relative;overflow:hidden;animation:logo-aura 4s ease-in-out infinite;flex-shrink:0}.logomark::after{content:'';position:absolute;inset:-70%;background:linear-gradient(115deg,transparent 40%,#fff9 49%,transparent 58%);transform:translateX(-75%);animation:logo-shine 7s ease-in-out infinite}.logo:hover .logomark{border-color:#ffe0ac}.hero-art{inset:-30px;animation:world-drift 22s ease-in-out infinite alternate;transform-origin:center;will-change:transform}.world-light{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 13% 47%,#ff6b172b,transparent 30%),radial-gradient(ellipse at 83% 52%,#b75bff32,transparent 35%);animation:portal-breathe 7s ease-in-out infinite alternate;mix-blend-mode:screen}.world-sky{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.world-sky i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f4ffc4;box-shadow:0 0 4px 1px #e6ff8acc,0 0 12px 4px #a8f05a66,0 0 26px 8px #7fd23a26;opacity:0;animation:firefly-wander var(--speed) var(--delay) ease-in-out infinite,firefly-blink var(--blink) var(--delay) ease-in-out infinite}.world-sky i.amber{background:#fff1c9;box-shadow:0 0 4px 1px #ffd77acc,0 0 12px 4px #ffb44a66,0 0 26px 8px #ff8a2a26}.ambient-world{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 14% 40%,#572a7112,transparent 50%),radial-gradient(ellipse at 88% 72%,#7433230d,transparent 50%)}.ambient-world::after{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 25% 60%,#65329b16,transparent 35%),radial-gradient(ellipse at 80% 30%,#a9551610,transparent 35%);animation:ambient-drift 30s ease-in-out infinite alternate}.ticker{padding:24px 0;border-color:#78589550;background:#1d1229}.ticker .ticker-track{display:flex;width:max-content;gap:0;animation:marquee-loop 23s linear infinite;will-change:transform}.ticker-group{display:flex;align-items:center;gap:40px;padding-right:40px;white-space:nowrap}.ticker b{display:inline-block;animation:rune-turn 9s linear infinite;color:#8fe05a}.motion-control{position:fixed;z-index:19;right:18px;bottom:18px;background:#171021ec;color:#cbb7db;border:1px solid #6c4f7f;font:10px/1.4 Manrope,Arial,sans-serif;padding:9px 12px;box-shadow:3px 3px #0005;display:flex;gap:7px;align-items:center}.motion-control:hover{color:white;border-color:#d7adf3}.motion-control span{color:#ff9b53}.motion-off *, .motion-off *::before,.motion-off *::after{animation-play-state:paused!important}.motion-off .hero-art{translate:0!important}.motion-off .reveal{opacity:1!important;transform:none!important}.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}.product-favorite{position:absolute;right:12px;top:12px;z-index:3;width:34px;height:34px;border:1px solid #c7a1e988;background:#160d25d9;color:#ded1e9;font:21px Arial;display:grid;place-items:center;box-shadow:2px 2px #0005}.product-favorite[aria-pressed=true]{background:#be5114;color:#fff0c3;border-color:#ffb25f}.product-favorite:hover{background:#673a78}.cover-label{max-width:calc(100% - 70px)}.site-toast{position:fixed;z-index:60;bottom:65px;left:50%;transform:translateX(-50%);background:#261931;border:1px solid #a578ba;padding:15px 22px;color:#f4eafb;font:13px/1.5 Manrope,Arial,sans-serif;box-shadow:5px 5px #08030eb0;max-width:calc(100% - 36px);text-align:center}.site-toast[hidden]{display:none}.bot-buttons button.preview-active{background:#589946;outline:2px solid #9ee582;outline-offset:1px}.phone-body{min-height:410px}.bot-message{min-height:112px}.mobile-nav a{padding:10px 0}.mobile-nav a.active{color:#ff9d4f}.mobile-nav{background:#191122!important}
@keyframes logo-aura{0%,100%{box-shadow:0 0 0 1px #f6933c44,0 0 9px #ff801d33,3px 3px #0007}50%{box-shadow:0 0 0 1px #ffc65d80,0 0 25px #ff801d77,3px 3px #0007}}
@keyframes logo-shine{0%,60%{transform:translateX(-75%)}80%,100%{transform:translateX(75%)}}
@keyframes world-drift{from{transform:scale(1.02) translate3d(-7px,-5px,0)}to{transform:scale(1.055) translate3d(8px,10px,0)}}
@keyframes portal-breathe{from{opacity:.3}to{opacity:1}}
@keyframes firefly-wander{0%,100%{transform:translate(0,0)}25%{transform:translate(var(--dx1),var(--dy1))}50%{transform:translate(var(--dx2),var(--dy2))}75%{transform:translate(var(--dx3),var(--dy3))}}
@keyframes firefly-blink{0%,12%,82%,100%{opacity:0}34%{opacity:1}52%{opacity:.75}64%{opacity:.95}}
@keyframes ambient-drift{from{transform:translate3d(-5%,2%,0)}to{transform:translate3d(6%,-5%,0)}}
@keyframes marquee-loop{to{transform:translateX(-50%)}}
@keyframes rune-turn{to{transform:rotate(360deg)}}
@media(max-width:1150px){.desktop-nav{gap:13px;font-size:8px}.nav{gap:13px}.nav-account{font-size:8px;padding:13px 10px}.nav-telegram{font-size:8px}.nav .logo{font-size:21px}}
@media(max-width:950px){.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:20px;height:2px;background:#d6c2e5}.nav-account{margin-left:auto}.nav-telegram{margin-left:0}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:10px 24px 20px;gap:8px;border-bottom:1px solid #604476}.nav{height:76px}}
@media(max-width:540px){.nav{gap:9px;height:72px}.nav .logo{font-size:20px}.nav-telegram{display:none}.nav-account{font-size:8px;gap:6px;padding:11px 10px}.nav-account svg{width:14px;height:14px}.ticker-group{gap:26px;padding-right:26px}.motion-control{right:10px;bottom:10px;font-size:9px;padding:8px}.phone-body{min-height:390px}.hero-art{inset:-18px}}
.motion-off .world-sky i{opacity:.55}


/* Version 4: keep the fixed motion button off content, frame an island on phones, Telegram in the mobile menu. */
body>footer{padding-bottom:58px}
.mobile-telegram{align-self:flex-start;margin-top:6px;padding:12px 14px;background:#ff7a1f;color:#1b0c02;border:0;box-shadow:inset -3px -3px #b54b06,inset 2px 2px #ffb06c,3px 3px #0008;font:9px/1.6 var(--pixel);cursor:pointer}
.mobile-telegram:hover{background:#ff9a4a}
.modal-share{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px}.modal-share .modal-telegram-link{margin-top:0}
.modal-share button{background:none;border:0;padding:0;color:#c5a5df;font:11px Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.modal-share button:hover{color:#fff}
.info-link{display:inline-block;margin-top:6px}
@media(max-width:800px){.hero-art{background-position:30% 50%}.hero-copy{position:relative}.hero-copy::before{content:'';position:absolute;inset:-6% -12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#0d0818a6,transparent 70%)}}
@media(max-width:540px){.motion-control{width:40px;height:40px;padding:0;justify-content:center;font-size:14px}.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body>footer{padding-bottom:64px}}

/* Version 5: glowing logo, living background, honest button presses. */
.logo{animation:logo-text-glow 3.6s ease-in-out infinite}
.logo .logo-dot{display:inline-block;color:#ffb066;font-size:9px;margin:-14px 0 0 -6px;animation:logo-spark 2.4s ease-in-out infinite}
.logomark{animation:logo-aura-strong 3.6s ease-in-out infinite}
.logo:hover{animation-duration:1.4s}
.pixel-field{position:fixed;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}
.motion-off .pixel-field{display:none}
@keyframes logo-text-glow{0%,100%{text-shadow:3px 3px #0008,0 0 0 #ff8a3500}50%{text-shadow:3px 3px #0008,0 0 12px #ff8a35b0,0 0 30px #b35cff70}}
@keyframes logo-spark{0%,100%{opacity:.25;transform:scale(.6) rotate(0)}45%{opacity:1;transform:scale(1.15) rotate(90deg)}}
@keyframes logo-aura-strong{0%,100%{box-shadow:0 0 0 1px #f6933c44,0 0 8px #ff801d33,3px 3px #0007}50%{box-shadow:0 0 0 2px #ffc65d,0 0 18px #ff801dcc,0 0 38px #b35cff88,3px 3px #0007}}
/* Pressing a block button sinks it into its own shadow and flips the bevel, instead of flattening it. */
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #ffb066;outline-offset:3px}
.button{transition:transform .12s,background .15s,box-shadow .12s,filter .15s}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translate(2px,2px);filter:brightness(.92);box-shadow:inset 2px 3px #0007,inset -2px -2px #ffffff22}
.telegram-action:active{box-shadow:inset 2px 3px #15547a,inset -2px -2px #b6eaff55}
.primary:active{transform:translate(4px,4px);background:#d85a10;box-shadow:inset 3px 4px #a8390b,inset -2px -2px #ff9c4a,1px 1px 0 #07050dbb}
.glass:hover{background:#2b1d3dcc;border-color:#b9a6c9}
.glass:active{transform:translate(4px,4px);box-shadow:inset 2px 3px #08050c,inset -2px -2px #aea1b55c,1px 1px #07050d99}
.button:disabled,.button:disabled:hover,.button:disabled:active{transform:none;cursor:not-allowed}
.nav-telegram{transition:transform .12s,background .15s,box-shadow .12s}
.nav-telegram:hover{transform:translateY(-2px);box-shadow:inset 2px 2px #ffb169,inset -2px -3px #8f350a,3px 5px #0006}
.nav-telegram:active{transform:translate(3px,3px);background:#cf530f;box-shadow:inset 2px 3px #8f350a,inset -2px -2px #ffae58,0 0 #0006}
.nav-account{transition:transform .12s,background .15s,border-color .15s}
.nav-account:active{transform:translate(1px,2px);box-shadow:inset 2px 2px #0c0711,inset -1px -1px #d9b8ff35}
.nav-account.signed-in{border-color:#ff9b47;background:#3a2240}
.nav-account .nav-avatar{width:22px;height:22px;display:grid;place-items:center;background:#ff7a1f;color:#1b0c02;font:9px var(--pixel);box-shadow:inset -2px -2px #b54b06}
.card-button:active,.hero-categories button:active,.small-action:active,.secondary:active{transform:translateY(2px);box-shadow:inset 2px 2px #0c0711,inset -1px -1px #ffffff1c}
.filters button{transition:background .15s,color .15s,transform .1s}
.filters button:active{transform:translateY(2px)}
.hotbar button:active{transform:translateY(2px);background:#2a242f}
.desktop-nav a{transition:color .15s,transform .1s}
.desktop-nav a::after{transition:transform .2s,background .2s}
.desktop-nav a:hover{color:#fff}
.desktop-nav a:hover::after{transform:scaleX(1);background:#b887ed}
.desktop-nav a.active,.desktop-nav a.active:hover{color:#ff9d4f;text-shadow:0 0 10px #ff8a3580}
.desktop-nav a.active::after{background:#ff842e;box-shadow:0 0 8px #ff842e99}
.desktop-nav a:active{transform:translateY(1px)}
.mobile-nav a{border-left:3px solid transparent;padding-left:12px!important;transition:border-color .15s,color .15s,background .15s}
.mobile-nav a:hover{color:#fff;background:#ffffff08}
.mobile-nav a.active{border-left-color:#ff842e;background:#ff842e14}

/* Version 6: the world moves (world-fx.js). The shader layer animates the art's own water and portal pixels; the glow layer lights amethyst, mushrooms and lanterns. */
.world-flow{position:absolute;pointer-events:none;z-index:0}
.fx-flow{position:absolute;display:block;opacity:0;transition:opacity .6s}
.fx-flow.ready{opacity:1}
.motion-off .world-flow,.motion-off .fx-spark{visibility:hidden}
.world-fx{position:absolute;pointer-events:none;mix-blend-mode:screen;z-index:0}
.world-fx>i{position:absolute;display:block}
.fx-crystal,.fx-mushroom,.fx-cyan,.fx-lantern,.fx-fire,.fx-spark{width:calc(var(--r)*1em);height:calc(var(--r)*1em);margin:calc(var(--r)*-.5em) 0 0 calc(var(--r)*-.5em);border-radius:50%}
.fx-fire{background:radial-gradient(circle,#ffb34cd0,#ff5a1466 40%,transparent 70%);animation:fire-flicker var(--dur) ease-in-out infinite alternate}
.fx-crystal{background:radial-gradient(circle,#f5baffea 0,#c25bff8c 28%,#8a2bff38 52%,transparent 70%);animation:crystal-blink var(--dur) var(--delay) ease-in-out infinite}
.fx-spark{border-radius:0;background:linear-gradient(90deg,transparent 46%,#fff 50%,transparent 54%),linear-gradient(0deg,transparent 46%,#fff 50%,transparent 54%);opacity:0;animation:spark-flash var(--dur) var(--delay) ease-out infinite}
.fx-mushroom{background:radial-gradient(circle,#e59bffb0,#9b3dff48 45%,transparent 70%);animation:soft-pulse var(--dur) var(--delay) ease-in-out infinite}
.fx-cyan{background:radial-gradient(circle,#7ff3ffb0,#2fc2ff48 45%,transparent 70%);animation:soft-pulse var(--dur) var(--delay) ease-in-out infinite}
.fx-lantern{background:radial-gradient(circle,#ffc56ad0,#ff8a2a55 35%,transparent 68%);animation:lantern-flicker var(--dur) var(--delay) ease-in-out infinite}
.club-section>.world-fx{opacity:.7}
@keyframes fire-flicker{0%{opacity:.55;transform:scale(.92)}35%{opacity:.95}60%{opacity:.7;transform:scale(1.06)}100%{opacity:1;transform:scale(.98)}}
@keyframes crystal-blink{0%,100%{opacity:.3;transform:scale(.88)}40%{opacity:.75;transform:scale(1)}48%{opacity:1;transform:scale(1.14)}52%{opacity:.55}58%{opacity:.95;transform:scale(1.08)}72%{opacity:.45}}
@keyframes spark-flash{0%,82%,100%{opacity:0;transform:scale(.2) rotate(0)}88%{opacity:1;transform:scale(1) rotate(45deg)}94%{opacity:0;transform:scale(.4) rotate(90deg)}}
@keyframes soft-pulse{0%,100%{opacity:.4}50%{opacity:.95}}
@keyframes lantern-flicker{0%,100%{opacity:.6}12%{opacity:.85}20%{opacity:.62}34%{opacity:.95}46%{opacity:.7}58%{opacity:.9}71%{opacity:.58}86%{opacity:.82}}

/* Crisp motion: pixel text never sits on a rotated or sub-pixel layer. */
.ticker .ticker-track.ticker-js{animation:none!important;will-change:auto}
.language-card{transform:translate(-18px,-12px)!important;animation:card-bob 5s steps(4,jump-none) infinite alternate}
.language-card.russian{transform:translate(18px,16px)!important;animation-delay:-2.5s}
@keyframes card-bob{to{translate:0 -6px}}

/* Version 8: iPhone-style glass header, a working hotbar and chest, framed key moments, the whole phone. */
.header{top:10px;left:12px;right:12px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff1f,#ffffff05 62%),#140e2238;-webkit-backdrop-filter:blur(24px) saturate(185%);backdrop-filter:blur(24px) saturate(185%);border:1px solid #ffffff2b;box-shadow:inset 0 1px 0 #ffffff47,inset 0 -1px 0 #ffffff12,0 12px 40px #05020b55}
.header.scrolled{background:linear-gradient(180deg,#ffffff17,#ffffff04 62%),#140e2294;box-shadow:inset 0 1px 0 #ffffff38,0 14px 44px #05020b80}
.header::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,transparent 18%,#ffffff12 30%,transparent 42%,transparent 70%,#ffffff0a 80%,transparent 90%)}
.header:has(.mobile-nav:not([hidden])){background:linear-gradient(180deg,#ffffff17,#ffffff04),#140e22e6}
.mobile-nav{background:transparent!important;border-color:#ffffff1f!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header{background:#140e22ee}}

.hotbar-wrap{position:relative;display:flex;justify-content:center}
.hotbar-label{position:absolute;top:2px;left:50%;transform:translate(-50%,4px);font:10px/1.4 var(--pixel);color:#fff;text-shadow:2px 2px #3a2f45;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.hotbar-label.visible{opacity:1;transform:translate(-50%,0)}
.hotbar button{cursor:pointer;transition:background .1s}
.hotbar button.selected{outline:3px solid #fff;outline-offset:0;z-index:2;background:#5c4c69;box-shadow:inset 2px 2px #ffffff30}
.hotbar button:focus-visible{outline:3px solid #ffb066}

#chest-dialog{width:min(780px,calc(100% - 32px))}
.chest-head{display:flex;gap:18px;align-items:center;margin-bottom:22px;padding-right:40px}
.chest-icon{flex-shrink:0;width:66px;height:66px;display:grid;place-items:center;font-size:34px;background:#37303d;border:3px solid;border-color:#1c1721 #8c8594 #8c8594 #1c1721;box-shadow:inset 2px 2px #ffffff14}
.chest-head h2{margin:10px 0 6px}
.chest-head p{margin:0}
.chest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:10px;background:#140e1c;border:3px solid;border-color:#0c0812 #5d4a6c #5d4a6c #0c0812}
.chest-item{display:flex;gap:12px;align-items:center;text-align:left;padding:10px;background:#2a2133;color:#f1e6f8;border:2px solid;border-color:#6a577a #17111d #17111d #6a577a;cursor:pointer;transition:transform .1s,background .15s}
.chest-item:hover{background:#3b2d48;outline:2px solid #fff;z-index:1}
.chest-item:active{transform:translateY(2px);border-color:#17111d #6a577a #6a577a #17111d}
.chest-cover.product-cover{flex-shrink:0;width:64px;height:64px;border:2px solid #0c0812}
.chest-info{display:grid;gap:5px;min-width:0}
.chest-info strong{font:10px/1.6 var(--pixel);overflow-wrap:anywhere}
.chest-info small{font-size:11px;color:#b9a3c9}
.chest-info .price{font:12px var(--pixel);color:#ffb066}
.chest-empty{padding:20px;color:#b9a3c9}
.chest-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.chest-actions .button{font-size:10px;padding:16px 18px;gap:14px}
.guide-steps{list-style:none;counter-reset:step;padding:0;margin:8px 0 22px;display:grid;gap:10px}
.guide-steps li{counter-increment:step;display:grid;grid-template-columns:34px 1fr;gap:4px 14px;padding:14px;background:#271c33;border:1px solid #57406a}
.guide-steps li::before{content:counter(step);grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;background:#ff7a1f;color:#1b0c02;font:11px var(--pixel);box-shadow:inset -2px -2px #b54b06}
.guide-steps b{font:11px/1.7 var(--pixel);color:#fff}
.guide-steps span{font-size:13px;line-height:1.7;color:#c9b6d8}

/* Key moments sit on their own plates so they never melt into the background. */
.eyebrow.subdued{display:inline-flex;padding:7px 11px;background:#ffffff09;border:1px solid #7a5c9066;box-shadow:inset 2px 2px #ffffff0a}
.eyebrow.subdued::before{content:'';flex-shrink:0;width:6px;height:6px;background:#ff842e;box-shadow:0 0 8px #ff842e}
.section-heading>p{padding:4px 0 4px 16px;border-left:3px solid #ff842e99}
.hero-meta span{padding:7px 11px;background:#140e1fb0;border:1px solid #ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.text-link{gap:14px;padding:14px 18px;border:2px solid #ff9b47;background:#ff842e14;color:#ffb066;box-shadow:inset 2px 2px #ffffff10,4px 4px 0 #07040c99;transition:transform .12s,background .15s,box-shadow .12s,color .15s}
.text-link:hover{background:#ff842e30;color:#fff}
.text-link:active{transform:translate(3px,3px);box-shadow:inset 2px 2px #0006,1px 1px 0 #07040c99}
.text-link span{font-size:16px}
.club-footnote{display:flex;width:max-content;max-width:100%;align-items:center;gap:8px;padding:9px 13px;border:1px dashed #a58cbb88;background:#ffffff08}
.footer-top>a:last-child{padding:10px 14px;border:1px solid #6d4f80;background:#ffffff08;transition:background .15s}
.footer-top>a:last-child:hover{background:#ffffff14;color:#fff}

.steps article{padding:26px 24px 28px!important;background:linear-gradient(180deg,#2a1d38,#1c1427);border:2px solid #4c3660;border-top:3px solid #ff842e;box-shadow:inset 2px 2px #ffffff0f,6px 6px 0 #07040c99;transition:transform .15s steps(2),box-shadow .15s steps(2)}
.steps article:hover{transform:translateY(-4px);box-shadow:inset 2px 2px #ffffff0f,6px 10px 0 #07040c99}
.step-icon{position:static!important;display:inline-grid;place-items:center;width:52px;height:52px;background:#ff842e1f;border:2px solid #ff9b47;box-shadow:inset -3px -3px #0006}
.step-number{top:24px!important;right:20px;padding:5px 8px;background:#ffffff0d;border:1px solid #6d4f80}
.steps h3{margin-top:20px!important}

.faq-list{display:grid;gap:10px}
.faq-list details,.faq-list details:first-child{padding:0;border:2px solid #3e2e4b;background:#1d1528;box-shadow:4px 4px 0 #07040c88;transition:border-color .15s,background .15s}
.faq-list details:hover{border-color:#6d4f80;background:#231a30}
.faq-list details[open]{border-color:#ff9b47;background:#241a31}
.faq-list summary{padding:20px 22px}
.faq-list summary span{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;font-size:18px;border:2px solid #ff9b4788;background:#ff842e14}
.faq-list details p{margin:0;padding:0 22px 20px}

.final-cta{padding:56px 52px;border:2px solid #4c3660;background:radial-gradient(ellipse at 82% 50%,#ff842e1c,transparent 60%),linear-gradient(180deg,#22172e,#160f1f);box-shadow:inset 2px 2px #ffffff0d,6px 6px 0 #07040c99}

/* The phone stands whole inside its frame instead of being cut by the section edge. */
.club-section{padding-bottom:56px!important;align-items:center}
.phone{border-bottom:5px solid #5e4771!important;border-radius:15px!important;overflow:hidden;align-self:center!important;transform:none!important;transition:transform .2s steps(2),box-shadow .2s steps(2)}
.phone:hover{transform:translateY(-4px)!important;box-shadow:12px 10px 0 #09050f88}
@media(max-width:800px){.final-cta{padding:36px 24px}.club-section{padding-bottom:28px!important}.faq-list summary{padding:16px}.faq-list details p{padding:0 16px 16px}.steps article{padding:22px 20px 24px!important}.chest-grid{grid-template-columns:1fr}.header{top:8px;left:8px;right:8px;border-radius:14px}}
.faq-list summary span{font-size:0!important}.faq-list summary span::before{content:"+";font-size:18px;line-height:1;transition:transform .2s}
.faq-list details[open] summary span{transform:none;background:#ff842e33;border-color:#ff9b47}.faq-list details[open] summary span::before{transform:rotate(45deg)}

.faq-list summary>span{display:none}