.account-tour{position:fixed;inset:0;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#152131;overflow:hidden}
.account-tour::backdrop{background:transparent}
.account-tour__shade{position:fixed;background:rgba(7,14,25,.76);backdrop-filter:blur(2px);pointer-events:none;transition:top .36s ease,left .36s ease,width .36s ease,height .36s ease}
.account-tour__focus{position:fixed;box-sizing:border-box;border:3px solid #a3c477;border-radius:14px;box-shadow:0 0 0 4px rgba(163,196,119,.22),0 0 25px rgba(110,145,72,.4);pointer-events:none;transition:top .42s cubic-bezier(.22,1,.36,1),left .42s cubic-bezier(.22,1,.36,1),width .42s ease,height .42s ease}
.account-tour__card{position:fixed;box-sizing:border-box;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #a3c477;border-radius:18px;background:#f7f9f2;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.4);transition:top .5s cubic-bezier(.22,1,.36,1),left .5s cubic-bezier(.22,1,.36,1)}
.account-tour:not(.is-positioned) > *{visibility:hidden;transition:none}
.account-tour__card h2{margin:7px 30px 12px 0;font-size:1.35rem;line-height:1.3}
.account-tour__card p{margin:0;line-height:1.6}
.account-tour__close{position:absolute;top:9px;right:9px;padding:4px 10px;min-height:32px;border-radius:9px;font-size:22px;line-height:1}
.account-tour__step{color:#48662c;font-weight:800;font-size:.8rem}
.account-tour__progress{display:flex;gap:4px;margin:18px 0}.account-tour__progress i{flex:1;height:5px;border-radius:6px;background:#dce4d2}.account-tour__progress i.done{background:#a3c477}.account-tour__progress i.active{background:#6e9148}
.account-tour__actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.account-tour__actions button{padding:10px 14px;min-height:42px}
.account-tour__actions button:disabled{opacity:.5}
@media(prefers-reduced-motion:reduce){.account-tour__shade,.account-tour__focus,.account-tour__card{transition:none}}