.guide-art{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);background:radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 55%), radial-gradient(circle at 10% 100%, color-mix(in srgb, var(--tone) 14%, transparent), transparent 50%), linear-gradient(160deg, color-mix(in srgb, var(--tone) 7%, var(--c-surface)), color-mix(in srgb, var(--tone) 14%, var(--lightningcss-light,#f6f8ff)var(--lightningcss-dark,var(--c-surface-2))));position:absolute;inset:0;overflow:hidden}.guide-art,.guide-art *,.guide-art :before,.guide-art :after{box-sizing:border-box}.guide-art:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--tone) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--tone) 9%, transparent) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000,#0000 75%);mask:radial-gradient(circle,#000,#0000 75%)}.guide-art.is-paused *{animation-play-state:paused!important}.guide-art__stage{transition:transform .6s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.guide-art__scene{flex-shrink:0;place-items:center;width:300px;height:196px;display:grid;position:relative}.guide-art--lg .guide-art__scene{zoom:1.75}.guide-art--lg:before{background-size:34px 34px}@media (max-width:1000px){.guide-art--lg .guide-art__scene{zoom:1.35}}@media (max-width:650px){.guide-art--lg .guide-art__scene{zoom:.95}}.guide-art__form{background:var(--c-surface);border-radius:16px;width:210px;padding:12px;transform:rotate(-3deg)translateY(6px);box-shadow:0 16px 34px #083c8c24}.guide-art__form-head{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);align-items:center;gap:7px;margin-bottom:9px;font-size:11px;font-weight:800;display:flex}.guide-art__form-head i{background:linear-gradient(135deg, var(--c-accent-hi), #6558fb);border-radius:6px;width:18px;height:18px}.guide-art__field{border:1px solid var(--lightningcss-light,#e8eef8)var(--lightningcss-dark,var(--c-border));background:var(--lightningcss-light,#f9fbff)var(--lightningcss-dark,var(--c-surface-2));border-radius:8px;margin-bottom:6px;padding:6px 8px}.guide-art__field small{color:var(--c-faint-2);font-size:8.5px;font-weight:600;display:block}.guide-art__field b{color:var(--lightningcss-light,#1c2541)var(--lightningcss-dark,#9ba9d4);white-space:nowrap;font-size:10.5px;font-weight:700;display:block}.guide-art__field--row{grid-template-columns:1.2fr 1fr;gap:8px;display:grid}.guide-art__typed{border-right:1.5px solid var(--tone);width:0;max-width:max-content;animation:6s steps(18,end) infinite guideArtType,.7s step-end infinite guideArtCaret;overflow:hidden}@keyframes guideArtType{0%{width:0}35%,85%{width:var(--chars,11.5ch)}to{width:0}}@keyframes guideArtCaret{50%{border-color:#0000}}.guide-art__publish{color:#fff;background:linear-gradient(100deg, #0878ff, var(--c-accent-2));border-radius:8px;place-items:center;height:26px;margin-top:8px;font-size:10px;font-weight:800;animation:6s ease-in-out infinite guideArtPress;display:grid;position:relative;overflow:hidden}.guide-art__publish i{background:linear-gradient(100deg,#0000 30%,#ffffff73,#0000 70%);animation:6s ease-in-out infinite guideArtShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes guideArtPress{0%,52%,60%,to{transform:scale(1)}56%{transform:scale(.94)}}@keyframes guideArtShine{0%,55%{transform:translate(-100%)}70%,to{transform:translate(100%)}}.guide-art__bubble{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);white-space:nowrap;background:var(--c-surface);height:28px;box-shadow:0 10px 22px rgb(var(--c-shadow) / .14);border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 6px;font-size:11px;font-weight:800;display:inline-flex;position:absolute}.guide-art__bubble svg{color:#fff;background:#22c55e;border-radius:50%;width:18px;height:18px;padding:3px}.guide-art__bubble--offers{animation:guideArtPop 6s var(--ease-back) infinite;bottom:16px;right:14px}@keyframes guideArtPop{0%,60%{opacity:0;transform:translateY(10px)scale(.8)}66%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)scale(.95)}}.guide-art__offers{flex-direction:column;gap:7px;width:236px;display:flex;transform:translateY(8px)}.guide-art__offer{background:var(--c-surface);animation:guideArtOfferIn 7s var(--ease-out) infinite;animation-delay:calc(var(--n) * .25s);border:1.5px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 10px 8px 8px;display:flex;position:relative;box-shadow:0 8px 18px #3c288c14}@keyframes guideArtOfferIn{0%{opacity:0;transform:translate(-14px)}10%,90%{opacity:1;transform:none}to{opacity:0;transform:translate(10px)}}.guide-art__offer.is-best{animation-name:guideArtOfferIn,guideArtBest;animation-duration:7s,7s}@keyframes guideArtBest{0%,40%{border-color:#0000;transform:none}48%,90%{border-color:var(--tone);box-shadow:0 12px 24px color-mix(in srgb, var(--tone) 28%, transparent);transform:scale(1.04)}to{border-color:#0000}}.guide-art__avatar{width:26px;height:26px;color:var(--tone);background:color-mix(in srgb, var(--tone) 12%, var(--c-surface));border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.guide-art__offer-text{flex:1;min-width:0}.guide-art__offer-text b{color:var(--lightningcss-light,#1c2541)var(--lightningcss-dark,#9ba9d4);font-size:10.5px;font-weight:800;display:block}.guide-art__offer-text small{gap:2px;margin-top:3px;display:flex}.guide-art__offer-text i{background:#fbbf24;border-radius:2px;width:6px;height:6px}.guide-art__offer strong{color:var(--lightningcss-light,#10162d)var(--lightningcss-dark,#96a4da);white-space:nowrap;font-size:11px;font-weight:800}.guide-art__offer em{color:#fff;background:var(--tone);height:16px;animation:guideArtBadge 7s var(--ease-back) infinite;border-radius:999px;place-items:center;padding:0 7px;font-size:8.5px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-8px;right:10px}@keyframes guideArtBadge{0%,44%{opacity:0;transform:scale(.5)}50%,90%{opacity:1;transform:none}to{opacity:0}}.guide-art--safe .guide-art__scene{grid-template-columns:auto auto;justify-content:center;gap:18px}.guide-art__shield{place-items:center;width:84px;height:84px;display:grid;position:relative}.guide-art__shield-core{z-index:1;color:#fff;background:linear-gradient(135deg,#34d399,#059669);border-radius:20px;place-items:center;width:62px;height:62px;animation:4s ease-in-out infinite guideArtFloat;display:grid;position:relative;box-shadow:0 14px 28px #05966952}.guide-art__shield-core svg{width:30px;height:30px}@keyframes guideArtFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.guide-art__ring{border:1.5px solid color-mix(in srgb, var(--tone) 45%, transparent);border-radius:26px;animation:3s ease-out infinite guideArtRing;position:absolute;inset:0}.guide-art__ring--2{animation-delay:1.5s}@keyframes guideArtRing{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.45)}}.guide-art__checks{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.guide-art__checks li{color:var(--lightningcss-light,#1c2541)var(--lightningcss-dark,#9ba9d4);white-space:nowrap;background:var(--c-surface);height:28px;animation:guideArtCheckRow 6s var(--ease-out) infinite;animation-delay:calc(var(--n) * .4s);border-radius:9px;align-items:center;gap:7px;padding:0 10px 0 5px;font-size:10.5px;font-weight:700;display:flex;box-shadow:0 6px 14px #05785a14}.guide-art__checks li span{color:#fff;background:var(--lightningcss-light,#d6dde9)var(--lightningcss-dark,var(--c-border-2));width:18px;height:18px;animation:6s infinite guideArtCheck;animation-delay:calc(var(--n) * .4s);border-radius:6px;place-items:center;display:grid}.guide-art__checks svg{width:12px;height:12px}@keyframes guideArtCheckRow{0%{opacity:0;transform:translate(12px)}8%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes guideArtCheck{0%,18%{background:var(--lightningcss-light,#d6dde9)var(--lightningcss-dark,var(--c-border-2));transform:scale(1)}24%{background:#22c55e;transform:scale(1.2)}30%,to{background:#22c55e;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.guide-art *,.guide-art :before,.guide-art :after{transition:none!important;animation:none!important}.guide-art__typed{border:0;width:auto}.guide-art__bubble--offers,.guide-art__offer em{opacity:1}.guide-art__offer.is-best{border-color:var(--tone)}.guide-art__checks li span{background:#22c55e}}
