main:has(>.how-it-works-page){flex-direction:column;display:flex}.how-it-works-page.login-page{flex-direction:column;flex:auto;min-height:100%;display:flex;overflow:visible}.how-it-works-page .how-it-works-wrap{z-index:10;flex:auto;justify-content:center;align-items:stretch;width:100%;max-width:none;padding-block:clamp(.85rem,2.4vw,2.25rem);display:flex;position:relative}.how-it-works-page .how-it-works-card{color:#0a0000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:1.25rem;width:min(92vw,72rem);max-width:min(92vw,72rem);padding:1.15rem 1rem 1.25rem;box-shadow:0 18px 40px #0000002e}.how-it-works-page .how-it-works-card.login-card{max-width:min(92vw,72rem)}.how-it-works-page .login-title{white-space:nowrap;text-align:center;margin-top:0;font-size:clamp(1.6rem,5.4vw,2.85rem)}.how-it-works-layout{grid-template-areas:"header""figure""steps""dose""tips""shop";gap:.95rem;display:grid}.how-it-works-layout>*{min-width:0}.how-it-works-header{grid-area:header}.how-it-works-figure{grid-area:figure}.how-it-works-steps{grid-area:steps}.how-it-works-dose{grid-area:dose}.how-it-works-tips{grid-area:tips}.how-it-works-shop{grid-area:shop}.how-it-works-photo{object-fit:contain;width:100%;height:auto;display:block}.how-it-works-steps{margin:0;padding:0;list-style:none}.how-it-works-steps li{border-top:1px solid #e5e5e5;grid-template-columns:auto 1fr;align-items:start;gap:.7rem .85rem;padding:.65rem .15rem;display:grid}.how-it-works-steps li:first-child{border-top:0;padding-top:0}.how-it-works-num{color:#ff6e00;font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.8rem,4.6vw,2.4rem);font-weight:900;line-height:.85}.how-it-works-steps h2{color:#0a0000;font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;margin:.12rem 0 0;font-size:1.2rem;font-weight:900;line-height:1}.how-it-works-steps p{color:#0a0000b8;text-wrap:pretty;margin:.35rem 0 0;font-size:.92rem;line-height:1.4}.how-it-works-dose{color:#0a00009e;text-align:center;text-wrap:pretty;margin:0;padding-top:.15rem;font-size:.82rem;line-height:1.45}.how-it-works-tips{width:100%;max-width:40rem;margin-inline:auto}.how-it-works-tips ul{grid-template-columns:1fr;gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.how-it-works-tips li{color:#0a0000b8;text-align:center;text-wrap:pretty;border:1px solid #e5e5e5;padding:.7rem .75rem;font-size:.88rem;line-height:1.4}.how-it-works-shop{width:min(100%,22rem);margin-inline:auto}.how-it-works-page a.how-it-works-shop-cta{color:#fff;font-weight:800;text-decoration:none}.how-it-works-page a.how-it-works-shop-cta:hover{color:#fff}@media (min-width:768px){.how-it-works-page .how-it-works-card{border-radius:1.5rem;padding:1.75rem 2rem 1.85rem}.how-it-works-layout{grid-template-columns:minmax(16rem,.95fr) minmax(20rem,1.15fr);grid-template-areas:"header header""figure steps""dose dose""tips tips""shop shop";gap:1.15rem 2.25rem}.how-it-works-steps li{padding:.75rem .2rem}.how-it-works-steps h2{font-size:1.35rem}.how-it-works-steps p{font-size:1rem;line-height:1.45}.how-it-works-dose{font-size:.88rem}.how-it-works-tips{max-width:44rem}.how-it-works-tips ul{grid-template-columns:1fr 1fr;gap:.7rem}.how-it-works-tips li{padding:.85rem .9rem;font-size:.92rem}}@media (min-width:1024px){.how-it-works-page .how-it-works-card{padding:2rem 2.25rem 2.1rem}.how-it-works-layout{gap:1.35rem 2.75rem}}