:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0e0f1a;--surface:#181b2e;--surface-2:#1f2338;--line:#2a2e47;--text:#f4f3fb;--muted:#9ca0be;--muted-2:#6e7396;--brand:#7c5cff;--brand-ink:#fff;--honey:#ffc24b;--honey-deep:#f5a623;--periwinkle:#a9a5ff;--accent:#2fd9c5;--accent-soft:color-mix(in srgb, var(--accent) 22%, transparent);--radius:20px;--font-display:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--ground);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5;overflow-x:hidden}.bg-glow{z-index:0;pointer-events:none;background:radial-gradient(60% 42% at 50% 0%, var(--accent-soft) 0%, transparent 70%), radial-gradient(50% 30% at 85% 12%, #7c5cff33 0%, transparent 70%), radial-gradient(45% 30% at 10% 30%, #ffc24b1a 0%, transparent 70%);position:fixed;inset:0}.wrap{z-index:1;flex-direction:column;gap:22px;width:100%;max-width:540px;margin:0 auto;padding:26px 20px 56px;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.brand .bee-logo{background:linear-gradient(135deg, var(--honey), var(--honey-deep));border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 4px 14px #f5a62359}.brand .brand-logo{object-fit:contain;width:30px;height:30px}.rating{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;display:flex}.rating b{color:var(--text);font-weight:700}.hero{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-top:10px;display:flex}.avatar-ring{background:conic-gradient(from 210deg, var(--accent), var(--brand), var(--honey), var(--accent));border-radius:50%;width:132px;height:132px;padding:4px;animation:6s ease-in-out infinite floaty;position:relative;box-shadow:0 0 0 6px #ffffff08,0 18px 40px #00000080}.avatar{width:100%;height:100%;font-family:var(--font-display);color:var(--text);background:linear-gradient(160deg,#3a2f5e,#241c3d);border-radius:50%;place-items:center;font-size:52px;font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.coach-tag{background:var(--accent);color:#06231f;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 16px var(--accent-soft);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:800;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.eyebrow{color:var(--muted);font-size:13px;font-weight:600}.eyebrow b{color:var(--text)}h1.headline{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,8vw,40px);font-weight:800;line-height:1.05}h1.headline .hl{color:var(--honey)}.pitch{color:#dcdbec;text-wrap:pretty;max-width:42ch;font-size:17px}.stats{gap:10px;width:100%;display:flex}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:14px 10px;display:flex}.stat .n{font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:24px;font-weight:800;display:flex}.stat.streak .n{color:var(--honey)}.stat.xp .n{color:var(--accent)}.stat.members .n{color:var(--text)}.stat .l{color:var(--muted);font-size:12px;font-weight:600}.flame{animation:2.4s ease-in-out infinite flicker;display:inline-block}.cta{background:linear-gradient(135deg, var(--brand), #6344e6);width:100%;color:var(--brand-ink);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:18px 22px;font-size:18px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 30px #7c5cff73,inset 0 1px #fff3}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px #7c5cff8c}.cta:active{transform:translateY(0)scale(.99)}.cta:focus-visible{outline:3px solid var(--honey);outline-offset:3px}.cta .arrow{transition:transform .15s}.cta:hover .arrow{transform:translate(3px)}.cta-sub{color:var(--muted);text-align:center;font-size:13px}.offer-shell{margin-top:46px;position:relative}.dopa{object-fit:contain;z-index:3;filter:drop-shadow(0 12px 20px #00000073);transform-origin:bottom;width:122px;height:122px;animation:4.5s ease-in-out infinite bob;position:absolute;top:-84px;right:4px}.offer{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.offer:before{content:"";pointer-events:none;background:radial-gradient(80% 40% at 100% 0%, var(--accent-soft), transparent 60%);position:absolute;inset:0}.offer-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.offer-label{font-family:var(--font-display);font-size:19px;font-weight:800}.offer-label span{font-family:var(--font-body);color:var(--muted);margin-top:2px;font-size:13px;font-weight:500;display:block}.trial-badge{background:var(--honey);color:#3a2500;font-family:var(--font-display);white-space:nowrap;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.price{align-items:baseline;gap:8px;display:flex;position:relative}.price .amt{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.price .per{color:var(--muted);font-size:15px}.price .note{color:var(--accent);align-self:center;margin-left:auto;font-size:13px;font-weight:600}.includes{flex-direction:column;gap:11px;list-style:none;display:flex;position:relative}.includes li{color:#d8d7ea;align-items:flex-start;gap:11px;font-size:15px;display:flex}.includes .drop{flex:none;width:22px;height:22px;margin-top:1px}.reassure{flex-wrap:wrap;justify-content:center;gap:14px 18px;display:flex}.reassure span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.section-head{justify-content:center;align-items:center;gap:10px;display:flex}.section-head .dop{flex:none;width:16px;height:16px}.section-title{font-family:var(--font-display);text-align:center;letter-spacing:-.01em;text-wrap:balance;font-size:22px;font-weight:800}.features{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feature{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.feature .ic{background:var(--accent-soft);border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.feature h3{font-family:var(--font-display);font-size:15px;font-weight:800}.feature p{color:var(--muted);font-size:13px;line-height:1.4}.faq{flex-direction:column;gap:10px;display:flex}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:15px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .chev{color:var(--muted);flex:none;transition:transform .2s}.faq details[open] summary .chev{transform:rotate(180deg)}.faq .ans{color:var(--muted);padding:0 18px 16px;font-size:14px;line-height:1.55}.earn{border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid color-mix(in srgb, var(--honey) calc(var(--heat) * 55%), var(--line));box-shadow:0 0 calc(20px + var(--heat) * 70px) rgba(255,194,75, calc(.06 + var(--heat) * .3));flex-direction:column;gap:18px;padding:24px 20px 20px;display:flex;position:relative;overflow:hidden}.earn:before{content:"";pointer-events:none;background:radial-gradient(90% 55% at 50% 0%, rgba(255,194,75, calc(.08 + var(--heat) * .26)), transparent 70%);position:absolute;inset:0}.earn>*{position:relative}.earn-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.earn-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--honey);font-size:12px;font-weight:700}.earn-title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:22px;font-weight:800}.earn-amount{justify-content:center;align-items:center;gap:10px;min-height:68px;display:flex}.earn-money{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;background:linear-gradient(100deg, var(--honey) 0%, #fff0c2 45%, var(--honey-deep) 100%);color:#0000;filter:drop-shadow(0 0 calc(var(--heat) * 26px) rgba(255,194,75, calc(var(--heat) * .55)));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,15vw,64px);font-weight:800;line-height:1;animation:3.2s linear infinite shimmer}.rocket{font-size:30px;animation:1.6s ease-in-out infinite launch}.earn-slider{flex-direction:column;gap:9px;display:flex}.earn-views{color:var(--muted);text-align:center;font-size:14px}.earn-views b{color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.earn-slider input[type=range]{appearance:none;cursor:grab;background:0 0;width:100%;height:30px}.earn-slider input[type=range]:active{cursor:grabbing}.earn-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--honey) 0%, var(--honey) calc(var(--heat) * 100%), var(--line) calc(var(--heat) * 100%));border-radius:999px;height:10px}.earn-slider input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--honey) 0%, var(--honey) calc(var(--heat) * 100%), var(--line) calc(var(--heat) * 100%));border-radius:999px;height:10px}.earn-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%, #ffe9ae, var(--honey-deep));width:28px;height:28px;box-shadow:0 4px 14px #f5a6238c, 0 0 calc(var(--heat) * 22px) #ffc24bcc;border:3px solid #2a1e10;border-radius:50%;margin-top:-9px}.earn-slider input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, #ffe9ae, var(--honey-deep));width:28px;height:28px;box-shadow:0 4px 14px #f5a6238c, 0 0 calc(var(--heat) * 22px) #ffc24bcc;border:3px solid #2a1e10;border-radius:50%}.earn-slider input[type=range]:focus-visible{outline:3px solid var(--periwinkle);outline-offset:4px;border-radius:999px}.earn-scale{color:var(--muted-2);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.earn-break{gap:8px;display:flex}.earn-break div{border:1px solid var(--line);background:#ffffff08;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:11px 6px;display:flex}.earn-break b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.earn-break span{color:var(--muted);text-align:center;font-size:11px}.earn-note{color:var(--muted-2);text-align:center;font-size:11px;line-height:1.5}.divider{background:var(--line);border:0;height:1px;margin:4px 0}.foot{text-align:center;color:var(--muted-2);flex-direction:column;gap:6px;padding-top:8px;font-size:12px;display:flex}.foot a{color:var(--muted)}.notfound{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:24px;display:flex}.notfound h1{font-family:var(--font-display);font-size:28px;font-weight:800}.notfound p{color:var(--muted)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(3deg)}}@keyframes flutter{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}@keyframes flicker{0%,to{opacity:1;transform:scale(1)rotate(-2deg)}50%{opacity:.88;transform:scale(1.12)rotate(2deg)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:220% 0}to{background-position:-20% 0}}@keyframes launch{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-10px)rotate(4deg)}}.rise{animation:.6s cubic-bezier(.2,.7,.2,1) both rise}@media (prefers-reduced-motion:reduce){*,.avatar-ring,.flame,.dopa,.dopa .wing,.rise{transition:none!important;animation:none!important}}@media (width<=400px){.stat .n{font-size:21px}.price .amt{font-size:34px}.features{grid-template-columns:1fr}}
