.how-hero{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(135deg,#0b1c3b,#183c7a);color:#fff}.how-hero-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:linear-gradient(135deg,#ffbd35,#ffd774);color:#07152e;font-size:30px;font-weight:900;box-shadow:0 12px 28px #0003}.how-hero span,.how-checklist header span,.how-topic>span{font-size:11px;font-weight:900;letter-spacing:.14em;color:#ffbe3d}.how-hero h2{margin:4px 0 5px;font-size:24px}.how-hero p,.how-step p,.how-topic p{margin:0;color:#647087;line-height:1.5}.how-hero p{color:#dce6fb}.how-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:16px;margin-top:16px}.how-checklist,.how-topic{padding:22px}.how-checklist>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--border,#dfe5ef)}.how-checklist h2,.how-topic h2{margin:3px 0 0;font-size:20px}.how-checklist header>b{padding:7px 10px;border-radius:999px;background:#eef3ff;color:#2f65e7;font-size:12px}.how-step{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid var(--border,#e3e8f0)}.how-step:last-child{border-bottom:0;padding-bottom:0}.how-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf3ff;color:#2d64e7;font-weight:900}.how-step h3{margin:1px 0 4px;font-size:16px}.how-step button,.how-topic button{margin-top:10px;padding:0;border:0;background:none;color:#2f65e7;font-weight:800;cursor:pointer}.how-step button b,.how-topic button b{margin-left:4px}.how-side{display:grid;align-content:start;gap:16px}.how-topic ol{margin:15px 0 0;padding-left:20px;color:#33405a}.how-topic li{padding:5px 0;line-height:1.4}html[data-theme="dark"] .how-checklist header>b,body.dark .how-checklist header>b{background:#182a4e;color:#8eb1ff}html[data-theme="dark"] .how-step>span,body.dark .how-step>span{background:#17294c;color:#8eb1ff}html[data-theme="dark"] .how-step p,html[data-theme="dark"] .how-topic p,body.dark .how-step p,body.dark .how-topic p{color:#aeb8ca}html[data-theme="dark"] .how-topic li,body.dark .how-topic li{color:#d8deea}@media(max-width:760px){.how-layout{grid-template-columns:1fr}.how-hero{padding:19px;border-radius:20px}.how-hero-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.how-hero h2{font-size:20px}.how-checklist,.how-topic{padding:18px}.how-step{grid-template-columns:34px 1fr;padding:16px 0}.how-step>span{width:31px;height:31px}.how-step button,.how-topic button{min-height:40px;text-align:left}.how-side{gap:12px}}