@keyframes auth-visual-glow{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(12%,10%)scale(1.15)}}.how-it-works-page{max-width:992px;margin:0 auto;padding:24px 16px 96px}.how-it-works-page.is-mobile{padding:16px 12px 64px}.how-it-works-hero{text-align:center;max-width:760px;margin:0 auto 28px}.how-it-works-hero__title{font-weight:700}.how-it-works-hero__subtitle{color:var(--text-soft);margin-top:8px;line-height:1.6}.how-it-works-sections{grid-template-columns:1fr;gap:16px;display:grid}.how-it-works-sections__heading{text-transform:uppercase;letter-spacing:.14em;color:var(--primary-text);text-align:center;margin-bottom:4px;font-size:.78rem;font-weight:700}.how-it-works-card{background:color-mix(in srgb, var(--surface-inverse) 3%, transparent);border:1px solid color-mix(in srgb, var(--surface-inverse) 14%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);color:var(--text);border-radius:20px;flex-direction:column;gap:14px;padding:22px 20px;display:flex}.is-tablet .how-it-works-card,.is-desktop .how-it-works-card{padding:26px 28px}.how-it-works-card__head{align-items:flex-start;gap:14px;display:flex}.how-it-works-card__crest{background:var(--surface-strong);width:48px;height:48px;color:var(--primary-text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.how-it-works-card__crest-icon.MuiSvgIcon-root{font-size:24px}.how-it-works-card__headings{min-width:0}.how-it-works-card__title{font-size:1.15rem;font-weight:700;line-height:1.25}.is-tablet .how-it-works-card__title,.is-desktop .how-it-works-card__title{font-size:1.3rem}.how-it-works-card__desc{color:var(--text-soft);margin-top:4px;font-size:.9rem;line-height:1.45}.how-it-works-card__points{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.how-it-works-card__point{background:var(--surface);color:var(--text);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.88rem;line-height:1.45;display:flex}.is-tablet .how-it-works-card__point,.is-desktop .how-it-works-card__point{font-size:.92rem}.how-it-works-card__point-icon.MuiSvgIcon-root{color:var(--primary-text);flex-shrink:0;margin-top:1px;font-size:1.1rem}.how-it-works-flagship{color:var(--surface-solid);background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 88%, #fff), var(--primary));box-shadow:0 22px 55px color-mix(in srgb, var(--primary) 32%, transparent);border-radius:24px;margin-top:28px;padding:28px 22px;position:relative;overflow:hidden}.is-tablet .how-it-works-flagship,.is-desktop .how-it-works-flagship{padding:34px 32px}.how-it-works-flagship__crest{background:color-mix(in srgb, var(--surface-solid) 12%, transparent);width:56px;height:56px;color:var(--surface-solid);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.how-it-works-flagship__crest .MuiSvgIcon-root{font-size:30px}.how-it-works-flagship__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--surface-solid) 72%, transparent);margin-bottom:4px;font-size:.72rem;font-weight:700}.how-it-works-flagship__title{margin-bottom:8px;font-weight:800;line-height:1.15}.how-it-works-flagship__intro{color:color-mix(in srgb, var(--surface-solid) 82%, transparent);max-width:640px;line-height:1.55}.how-it-works-flagship__perks{grid-template-columns:1fr;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.is-tablet .how-it-works-flagship__perks,.is-desktop .how-it-works-flagship__perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.how-it-works-flagship__perk{color:var(--surface-solid);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.45;display:flex}.how-it-works-flagship__perk-icon.MuiSvgIcon-root{color:var(--surface-solid);flex:none;margin-top:2px;font-size:18px}.how-it-works-flagship__actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.how-it-works-flagship .custom-button.filled{background:var(--surface-solid);border-color:var(--surface-solid)}.how-it-works-flagship .custom-button.filled .custom-text{color:#fff}.how-it-works-flagship .custom-button.filled:hover{background:color-mix(in srgb, var(--surface-solid) 85%, #000)}.how-it-works-outro{background:color-mix(in srgb, var(--surface-inverse) 3%, transparent);border:1px solid color-mix(in srgb, var(--surface-inverse) 14%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);text-align:center;color:var(--text);border-radius:20px;margin-top:24px;padding:24px 20px}.how-it-works-outro__title{font-weight:700}.how-it-works-outro__text{color:var(--text-soft);margin-top:8px;font-size:.9rem;line-height:1.55}.how-it-works-outro__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}