.fw{--a:#ffb547;--b:#8b7bff;--g:linear-gradient(120deg,#ffb547,#ff5fa2 50%,#8b7bff)}
.fw-play{position:relative;max-width:760px;margin:0 auto;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:radial-gradient(120% 90% at 20% 10%,#2a1f55,#0b0c12 70%);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -30px #8b7bff;color:#fff;font-family:Manrope,system-ui,sans-serif}
.fw-play video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.fw-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 18px 64px;text-align:center}
.fw-bot{width:64px;height:48px;border-radius:50% 50% 46% 46%;background:linear-gradient(225deg,#ffb547,#ff5fa2 55%,#8b5cf6);position:relative;animation:fwb 2.4s ease-in-out infinite;box-shadow:0 10px 30px -8px #ff5fa2}
.fw-bot:before,.fw-bot:after{content:"";position:absolute;top:18px;width:11px;height:7px;border-radius:4px;background:#fff;left:15px;animation:fwk 4s infinite}.fw-bot:after{left:38px}
@keyframes fwb{50%{transform:translateY(-8px)}}@keyframes fwk{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.15)}}
.fw-ic{font-size:clamp(40px,11vw,68px);line-height:1;animation:fwi .6s cubic-bezier(.2,1.4,.4,1) both}
.fw-cap{font:700 clamp(17px,4.6vw,26px)/1.3 "Space Grotesk",Manrope,sans-serif;max-width:560px;animation:fwc .5s ease both}
.fw-sub{font-size:clamp(13px,3.4vw,16px);color:#cfd0e0;max-width:520px;animation:fwc .5s .15s ease both}
@keyframes fwi{from{transform:scale(.3) rotate(-12deg);opacity:0}}@keyframes fwc{from{transform:translateY(10px);opacity:0}}
.fw-bar{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:10px}
.fw-bar button{border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font:700 13px Manrope,sans-serif;padding:8px 12px;cursor:pointer;min-height:36px}
.fw-prog{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.15);overflow:hidden}.fw-prog i{display:block;height:100%;width:0;background:var(--g)}
.fw-cc{position:absolute;left:12px;top:12px;font:800 11px Manrope,sans-serif;background:rgba(0,0,0,.45);padding:4px 8px;border-radius:6px;letter-spacing:.04em}
.fw-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(7,8,11,.35);border:0;color:#fff;cursor:pointer;width:100%;font:700 16px Manrope,sans-serif}
.fw-start span:first-child{width:76px;height:76px;border-radius:50%;background:var(--g);display:grid;place-items:center;font-size:30px;box-shadow:0 0 0 0 rgba(255,95,162,.6);animation:fwp 2s infinite}
@keyframes fwp{70%{box-shadow:0 0 0 18px rgba(255,95,162,0)}100%{box-shadow:0 0 0 0 rgba(255,95,162,0)}}
.fw-cards{display:grid;gap:14px;margin-top:22px}@media(min-width:860px){.fw-cards{grid-template-columns:repeat(3,1fr)}}
.fw-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;border-radius:20px;padding:22px 20px;background:var(--card,rgba(255,255,255,.03));border:1px solid var(--line,rgba(255,255,255,.1));position:relative;overflow:hidden;transition:transform .2s,border-color .2s}
.fw-card:hover,.fw-card:focus-visible{transform:translateY(-4px);border-color:#ff5fa2}
.fw-card .e{font-size:38px}.fw-card b{font:700 21px/1.25 "Space Grotesk",Manrope,sans-serif}.fw-card small{opacity:.75;font-size:14px}
.fw-card .go{margin-top:auto;font-weight:800;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.fw-card:before{content:"";position:absolute;inset:auto -40% -60% auto;width:220px;height:220px;background:var(--g);filter:blur(60px);opacity:.18}