/* ЗГЕНЕРОВАНО .data/lesson-preview/landing-hero-css.py з flashcards.css. */
.wf{position:absolute;inset:0}.wf-glow{position:absolute;left:50%;top:var(--fy,50%);width:calc(var(--cw,200px) * 2.1);height:calc(var(--cw,200px) * 1.8);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(65,32,248,.42),rgba(65,32,248,.12) 55%,transparent);pointer-events:none}.wf-floor{position:absolute;left:50%;top:calc(var(--fy,50%) + var(--cw,200px) * .7);width:calc(var(--cw,200px) * 1.5);height:calc(var(--cw,200px) * .15);transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);pointer-events:none}.wf-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .76s cubic-bezier(.22,1,.36,1)}.wf-face{position:absolute;inset:0;overflow:hidden;border-radius:calc(var(--cw,200px) * 30 / 344);background:linear-gradient(168deg,#fff,#eef0f3);
  box-shadow:0 calc(var(--cw,200px) * 24 / 344) calc(var(--cw,200px) * 52 / 344) calc(var(--cw,200px) * -16 / 344) rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.3);backface-visibility:hidden;-webkit-backface-visibility:hidden}.wf-face::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 70% at 12% 0%,rgba(65,32,248,.10),transparent 46%)}.wf-back{transform:rotateY(180deg)}.wf{--fy:calc(50% - var(--cw,200px) * .047)}.wf .ef-bhead,.wf .ef-xp{display:none}.wf-cards{position:absolute;inset:0;transform-style:preserve-3d;perspective:1200px}.wf-card{position:absolute;left:50%;top:var(--fy,50%);width:var(--cw,200px);aspect-ratio:10/13;--ef-w:var(--cw,200px);transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .45s ease}.wf-card.no-anim,.wf-card.no-anim::after{transition:none}.wf-card.is-flipped .wf-flip{transform:rotateY(180deg)}.wf-shirt{overflow:hidden;border-radius:calc(var(--cw,200px) * 30 / 344);background:rgb(var(--acc));background:radial-gradient(120% 80% at 20% 0%,rgba(255,255,255,.28) 0%,transparent 55%),linear-gradient(160deg,rgb(var(--acc)),color-mix(in srgb,rgb(var(--acc)) 68%,#0b0a14));box-shadow:0 22px 44px -18px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.25)}.wf-shirt::before{content:"";position:absolute;inset:calc(var(--cw,200px) * .054);border-radius:calc(var(--cw,200px) * .077);border:1.5px solid rgba(255,255,255,.26);background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 8px,transparent 8px 16px)}.wf-shirt i{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:600/376;transform:translate(-50%,-50%);background:#fff;opacity:.95;-webkit-mask:url(/cards/assets/logo-boot.webp?v=37199ab233) center/contain no-repeat;mask:url(/cards/assets/logo-boot.webp?v=37199ab233) center/contain no-repeat}.wf-card::after{content:"";position:absolute;inset:0;border-radius:calc(var(--cw,200px) * 30 / 344);background:#0c0b11;opacity:0;transform:translateZ(1px);pointer-events:none;transition:opacity .5s ease}.wf-card[data-slot="stack"]{transform:translate(-50%,-50%) translateZ(-40px)}.wf-card[data-slot="0"]{transform:translate(-50%,-50%) translateZ(0)}.wf-card[data-slot="-1"]{transform:translate(calc(-50% - var(--cw,200px) * .37),calc(-50% + var(--cw,200px) * .17)) translateZ(-90px) rotate(-10deg) scale(.85)}.wf-card[data-slot="1"]{transform:translate(calc(-50% + var(--cw,200px) * .37),calc(-50% + var(--cw,200px) * .17)) translateZ(-90px) rotate(10deg) scale(.85)}.wf-card[data-slot="-1"]::after,.wf-card[data-slot="1"]::after{opacity:.14}.wf-card[data-slot="-2"]{transform:translate(calc(-50% - var(--cw,200px) * .7),calc(-50% + var(--cw,200px) * .42)) translateZ(-180px) rotate(-22deg) scale(.7);opacity:0}.wf-card[data-slot="2"]{transform:translate(calc(-50% + var(--cw,200px) * .12),calc(-50% + var(--cw,200px) * .08)) translateZ(-180px) rotate(4deg) scale(.8);opacity:0}.wf-card:not([data-slot="0"]) .ef-front .ef-q{visibility:hidden}@media(prefers-reduced-motion:reduce){.wf-card{transition:none}}.first-game{display:flex;align-items:center;gap:12px;margin-top:24px;padding:12px 14px 12px 12px;border-radius:18px;background:rgba(244,240,231,.06);border:1px solid rgba(244,240,231,.1);text-align:left}.fg-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:rgba(202,255,79,.12);color:#caff4f}.fg-icon svg{width:22px;height:22px}.fg-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fg-text small{font-size:12.5px;line-height:1.2;font-weight:700;color:rgba(244,240,231,.6)}.fg-text b{font-size:17px;line-height:1.2;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-count{flex:none;padding:7px 12px;border-radius:999px;background:rgba(244,240,231,.08);font-size:14px;line-height:1;font-weight:800;color:#f4f0e7;white-space:nowrap}.fg-count:empty{display:none}@media(max-height:700px){.first-game{margin-top:16px;padding:9px 12px 9px 10px}.fg-icon{width:36px;height:36px}}@media(max-height:620px){.first-game{margin-top:12px}.fg-text small{font-size:11.5px}.fg-text b{font-size:15.5px}}.wf{--fy:calc(50% - var(--cw,200px) * .047 + 9px)}.ww{position:absolute;inset:0;display:flex;flex-direction:column}.ww-track{flex:1;min-height:0;position:relative;touch-action:pan-y}.ww-page{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;will-change:transform;backface-visibility:hidden}.ww-stage{position:relative;flex:1;min-height:0}.ww-stage .wf-glow{background:radial-gradient(closest-side,rgba(var(--acc),.42),rgba(var(--acc),.1) 55%,transparent)}.ww-stage .wf-glow{width:min(calc(var(--cw,200px) * 2.1),100%)}.ww-name{flex:none;padding:6px 24px 0;text-align:center}.ww-name h2{margin:0;font-size:30px;line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#fff}.ww-name h2:focus{outline:0}.ww-name p{margin:6px 0 0;font-size:15px;line-height:1.3;color:rgba(244,240,231,.6)}.ww-arrow{position:absolute;top:calc(50% - 56px);width:36px;height:36px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:rgba(244,240,231,.08);color:#fff;z-index:3}.ww-arrow svg{width:18px;height:18px}.ww-prev{left:10px}.ww-next{right:10px}.ww-dots{flex:none;display:flex;justify-content:center;gap:10px;padding:14px 0 0}.ww-dots button{width:30px;height:30px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:rgba(244,240,231,.08);opacity:.6;transition:transform .3s,opacity .3s,background .3s}.ww-dots button svg{width:15px;height:15px;color:#fff}.ww-dots button[aria-selected=true]{background:var(--c);opacity:1;transform:scale(1.15)}.ww .wf-card{--ef-w:var(--cw,200px)}.hero2 .first-game{margin-top:18px}.fg-icon{background:rgba(var(--acc),.2);color:color-mix(in srgb,rgb(var(--acc)) 78%,#fff)}.first-game.is-soon .fg-count{background:rgba(255,207,92,.16);color:#ffcf5c}@media(max-height:700px){.ww-name h2{font-size:25px}.ww-name p{font-size:14px;margin-top:4px}.ww-dots{padding-top:10px}.ww-dots button{width:26px;height:26px}.hero2 .first-game{margin-top:12px}}@media(max-height:620px){.ww-name p{display:none}.ww-dots{padding-top:8px}}@media(prefers-reduced-motion:reduce){.ww-dots button{transition:none}}.ww-dots{gap:8px}@media(max-width:360px){.ww-dots{gap:6px}.ww-dots button{width:27px;height:27px}.ww-dots button svg{width:14px;height:14px}.ww-name h2{font-size:25px}}.ww{overflow-x:clip}.glyph{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:700;line-height:1;letter-spacing:-.02em}.ww-dots .glyph{font-size:16px}.fg-icon .glyph{font-size:22px}.ww-dots button{transition:none;opacity:1;background:rgba(244,240,231,.08);color:rgba(244,240,231,.55)}.ww-dots button svg{color:currentColor}.ww-dots button[aria-selected=true]{transform:none;background:var(--c);color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.14)}.ww::after{content:'';flex:0 0 var(--sp,0px)}.ww .wf{--fy:var(--fan-y,calc(50% - var(--cw,200px) * .047 + 9px))}.ww-arrow{top:var(--arrow-y,calc(50% - 56px))}.ww-dots{padding-top:16px}@media(max-height:700px){.ww-dots{padding-top:10px}}@media(max-height:620px){.ww-dots{padding-top:8px}}.ww-page{container-type:inline-size}.hero2 .ww-name h2{font-size:min(31px,calc((100cqi - 48px) / 10.6))}@media(max-height:700px){.hero2 .ww-name h2{font-size:min(27px,calc((100cqi - 48px) / 10.6))}}@media(max-height:620px){.hero2 .ww-name h2{font-size:min(24px,calc((100cqi - 48px) / 10.6))}}:is(.ww-arrow,.ww-dots button,.domain,.fl-retry,.fl-backbtn,.primary,.secondary,.resend,.email-chip){transition:scale .45s cubic-bezier(.2,1.3,.35,1),transform .3s ease,opacity .3s ease,background-color .2s ease}:is(.ww-arrow,.ww-dots button,.domain,.fl-retry,.fl-backbtn):not(:disabled):active{scale:1.08;transition:scale .14s cubic-bezier(.2,.9,.3,1)}@media(prefers-reduced-motion:reduce){:is(.ww-arrow,.ww-dots button,.domain,.fl-retry,.fl-backbtn,.primary,.secondary,.resend,.email-chip):active{scale:none}}.fg-icon,.fg-count{transition:background-color .3s ease,color .3s ease}.ww-arrow:not(#_){background:var(--ios-glass-fill);-webkit-backdrop-filter:var(--ios-glass-frost);backdrop-filter:var(--ios-glass-frost);
  border:0;box-shadow:var(--ios-glass-shadow),var(--ios-glass-rim),var(--ios-glass-edges);color:var(--ios-vibrant-label)}.hero2 .first-game{width:100%;min-width:0}.hero2 .first-game{gap:clamp(8px,3vw,12px);padding-inline:clamp(10px,3.5vw,14px)}.hero2 .fg-text{min-width:0}.hero2 .fg-count{max-width:42%;overflow:hidden;text-overflow:ellipsis}.hero2 .ww-dots{width:100%;max-width:100%;overflow:clip}.hero2 .ww-arrow{width:clamp(36px,10vw,48px);height:clamp(36px,10vw,48px)}@media(max-width:360px){.hero2 .first-game{margin-top:clamp(12px,3dvh,18px)}.hero2 .fg-count{max-width:38%;font-size:clamp(12px,3.7vw,14px);padding-inline:10px}}.ww-dots button:not(#_){transition:scale .45s cubic-bezier(.2,1.3,.35,1)}.hero2 .ww-dots:not(#_){padding-inline:4px;padding-bottom:4px;margin-bottom:-4px}.fg-icon:not(#_){transition:none}.ww-dots button:not(#_):not(:disabled):active{transition:scale .14s cubic-bezier(.2,.9,.3,1)}.first-game>*{will-change:transform,opacity}.hero2 .fg-text:not(#_){justify-content:center;min-height:calc(2 * 1.2 * 12.5px + 3px + 1.2 * 17px)}@media(max-height:620px){.hero2 .fg-text:not(#_){min-height:calc(2 * 1.2 * 11.5px + 3px + 1.2 * 15.5px)}}.hero2 .ww-dots{align-self:center;width:calc(100% - 2 * var(--flow-gutter,20px));max-width:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1.5vw,8px);overflow:visible;padding-bottom:3px}.hero2 .ww-dots button{width:100%;height:auto;aspect-ratio:1;min-height:44px;border-radius:50%;position:relative}.hero2 .ww-dots button svg{width:52%;height:52%;max-width:30px;max-height:30px}.hero2 .ww-dots .glyph{font-size:clamp(20px,6vw,28px)}@media(max-width:360px){.hero2 .ww-dots{gap:2px}.hero2 .ww-dots button{min-height:0}.hero2 .ww-dots button::after{content:'';position:absolute;inset:-4px 0;min-height:44px}}.hero2 .ww-dots button:not([aria-selected="true"]){background:var(--ios-glass-fill);-webkit-backdrop-filter:var(--ios-glass-frost);backdrop-filter:var(--ios-glass-frost);box-shadow:var(--ios-glass-shadow),var(--ios-glass-rim),var(--ios-glass-edges);color:var(--ios-vibrant-label);opacity:1}.hero2 .ww-dots button:not([aria-selected="true"]):active{background:var(--ios-glass-fill-pressed)}.hero2 .ww-arrow:not(#_){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:0;width:44px;height:44px;color:#fff}.hero2 .ww-arrow svg{width:24px;height:24px}.hero2 .ww-dots{
 position:relative;top:var(--sp,0px)
}.hero2 .ww::after{flex-basis:0}.hero2 .ww-dots{top:0;padding-top:16px}.hero2 .ww-name h2{
 font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.015em
}.hero2 .ww-name p{
 display:block;font-size:13px;line-height:1.3;margin-top:4px;color:#aaa7b2
}.hero2 .ww-dots{padding-top:12px}.hero2 .ww-name{padding-top:8px}