.how-hero{padding:38px 0;background:var(--public-bg)}.how-hero>.container{padding:58px 35px;border:1px solid var(--public-line);border-radius:30px;background:radial-gradient(circle at 90% 0,rgba(245,158,11,.16),transparent 27%),linear-gradient(135deg,#eff6ff,#fff 70%);box-shadow:0 18px 42px rgba(15,23,42,.08);text-align:center}.how-hero span,.how-heading>span{color:#2563eb;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.how-hero h1{margin:13px 0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05}.how-hero h1 strong{color:#2563eb}.how-hero p{max-width:780px;margin:0 auto 24px;color:var(--public-muted);font-size:1.08rem}.how-hero>div>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.how-page{padding-bottom:70px;background:var(--public-bg)}.how-nav{position:sticky;top:90px;z-index:20;display:flex;justify-content:center;gap:8px;padding:12px;margin-bottom:22px;border:1px solid var(--public-line);border-radius:18px;background:color-mix(in srgb,var(--public-surface) 92%,transparent);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(15,23,42,.07)}.how-nav a{display:flex;gap:8px;padding:9px 12px;border-radius:11px;font-weight:800}.how-nav a:hover{background:#eff6ff;color:#2563eb}.how-section{scroll-margin-top:165px;margin-bottom:22px;padding:38px;border:1px solid var(--public-line);border-radius:27px;background:var(--public-surface);box-shadow:0 14px 34px rgba(15,23,42,.06)}.how-heading{text-align:center;margin-bottom:26px}.how-heading h2{margin:8px 0;font-size:clamp(1.7rem,3vw,2.4rem)}.how-heading p{color:var(--public-muted)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.how-steps article{position:relative;padding:26px;border:1px solid var(--public-line);border-radius:20px;background:var(--public-soft);text-align:center}.how-steps article>b{position:absolute;top:12px;left:12px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#2563eb;color:#fff}.how-steps article>i{margin:15px;color:#2563eb;font-size:2.3rem}.how-steps p,.how-security p{color:var(--public-muted)}.how-seller{background:linear-gradient(135deg,var(--public-surface),color-mix(in srgb,var(--public-surface) 82%,#fff7ed))}.how-seller-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.how-seller ol{display:grid;gap:10px;list-style:none;counter-reset:item}.how-seller li{display:grid;grid-template-columns:1fr;gap:3px;padding:15px 18px;border-left:4px solid #2563eb;border-radius:0 14px 14px 0;background:var(--public-soft)}.how-seller li span{color:var(--public-muted)}.how-seller aside{display:grid;align-content:center;justify-items:start;padding:25px;border-radius:20px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.how-seller aside>i{font-size:2.4rem}.how-seller aside p{margin:8px 0 18px}.how-premium{background:#fff;color:#b45309}.how-security{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.how-security article{padding:21px;border:1px solid var(--public-line);border-radius:18px;background:var(--public-soft)}.how-security i{color:#10b981;font-size:1.8rem}.how-security h3{margin:10px 0}.how-warning{display:flex;gap:14px;margin-top:16px;padding:18px;border:1px solid rgba(245,158,11,.3);border-radius:16px;background:rgba(245,158,11,.09)}.how-warning i{color:#f59e0b;font-size:1.5rem}.how-faq{display:grid;gap:10px;max-width:900px;margin:auto}.how-faq details{border:1px solid var(--public-line);border-radius:15px;background:var(--public-soft)}.how-faq summary{display:flex;justify-content:space-between;gap:15px;padding:17px;font-weight:850;cursor:pointer;list-style:none}.how-faq details[open] summary{color:#2563eb}.how-faq details[open] summary i{transform:rotate(45deg)}.how-faq p{padding:0 17px 18px;color:var(--public-muted)}.how-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;border-radius:24px;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff}.how-cta>div:last-child{display:flex;gap:10px}.how-cta .btn-outline{background:#fff}.dark-mode .how-hero>.container{background:radial-gradient(circle at 90% 0,rgba(245,158,11,.13),transparent 28%),linear-gradient(135deg,#10213d,#111c2e 70%)}.dark-mode .how-nav a:hover{background:#172554;color:#60a5fa}
@media(max-width:900px){.how-steps,.how-security{grid-template-columns:repeat(2,1fr)}.how-seller-grid{grid-template-columns:1fr}.how-nav{justify-content:flex-start;overflow-x:auto}}
@media(max-width:600px){.how-hero>.container,.how-section{padding:28px 18px}.how-steps,.how-security{grid-template-columns:1fr}.how-cta{align-items:stretch;flex-direction:column;text-align:center}.how-cta>div:last-child{display:grid}.how-nav a{white-space:nowrap}.how-hero h1{font-size:2.35rem}}