.app2-how-button{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:10px 12px;border:0;border-radius:11px;background:#fff;color:#100d4d;font-size:12px;text-align:left;cursor:pointer}.app2-how-button>span{margin-left:auto;font-size:23px;line-height:1}.app2-how-button img{object-fit:contain}
.app2-how-dialog{width:min(390px,calc(100vw - 20px));max-height:calc(100dvh - 30px);margin:auto;padding:16px;border:0;border-radius:20px;background:#fff;color:#100d4d;font-family:Jost,Arial,sans-serif;overflow-y:auto;box-shadow:0 20px 70px #100d4d40}.app2-how-dialog::backdrop{background:#151024a6}.app2-how-dialog>header{display:flex;align-items:center;justify-content:center;position:relative;padding:7px 34px 18px}.app2-how-dialog h2{font-size:21px;line-height:1.2;margin:0;font-weight:800}.app2-how-dialog header>button{position:absolute;right:0;top:0;width:36px;height:36px;border:0;border-radius:50%;background:#f5f3ff;color:#100d4d;font-size:25px;cursor:pointer}.app2-how-panel{padding:13px;border-radius:15px;background:#f7f5ff;margin-bottom:9px}.app2-how-intro{display:flex;gap:13px;align-items:flex-start}.app2-how-intro>img{flex:none}.app2-how-dialog h3{font-size:15px;line-height:1.15;font-weight:800;margin:4px 0 6px}.app2-how-dialog p{font-size:13px;color:#8988ac;line-height:1.3;margin:0}.app2-how-dialog ol{list-style:none;counter-reset:steps;padding:5px 0 0;margin:0 0 13px}.app2-how-dialog ol li{position:relative;counter-increment:steps;padding:6px 0 6px 49px;font-size:12px;line-height:1.3;min-height:35px}.app2-how-dialog ol li::before{content:counter(steps);position:absolute;left:7px;top:4px;display:grid;place-items:center;width:25px;height:25px;background:white;border:1.5px solid #d3baff;border-radius:50%;color:#6d19ff;font-size:14px}.app2-how-note{display:flex;align-items:center;gap:14px;border-radius:12px;background:#efebff;padding:8px 12px}.app2-how-dialog ul{list-style:none;margin:14px 0 0;padding:0}.app2-how-dialog ul li{display:flex;align-items:center;gap:12px;color:#8584a7;font-size:12px;margin:7px 0}.app2-how-dialog ul img{flex:none}
.app2-how-dialog header>button{position:absolute;top:0;right:0;display:block;box-sizing:border-box;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:#f5f3ff;color:#100d4d;font-size:0;line-height:0;appearance:none;cursor:pointer}
.app2-how-dialog header>button::before,.app2-how-dialog header>button::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:currentColor;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg)}
.app2-how-dialog header>button::after{transform:translate(-50%,-50%) rotate(-45deg)}
.app2-how-dialog img{border-radius:50%;overflow:hidden}