header>div{max-width:920px;margin:auto;padding:14px 24px}
main{max-width:920px;margin:0 auto;padding:44px 24px 40px}
main h1{font-size:clamp(28px,5vw,40px);line-height:1.15;margin-bottom:10px}
p.lead{color:var(--muted);margin:0 0 28px;max-width:58ch;font-size:17px}
#paso1 .card,#paso2 .card{max-width:520px}
#paso1 input,#paso2 input{margin-bottom:18px}
#paso1 button:not(.sec),#paso2 button:not(.sec){width:100%;padding:14px}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.code{color:var(--muted);font-size:14px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:3px 14px}
.now{background:var(--navy);color:#e6ecf7;border-radius:var(--r);padding:26px 28px;box-shadow:var(--sh);margin-bottom:22px}
.now small{color:var(--steel);font-size:13px;letter-spacing:.04em}
.now b{display:block;color:#fff;font:600 clamp(24px,4vw,32px) Georgia,serif;margin:2px 0 6px}
ol.tl{list-style:none;margin:0 0 26px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
ol.tl li{position:relative;padding:0 0 18px 40px;color:var(--muted)}
ol.tl li:last-child{padding-bottom:0}
ol.tl li:before{content:"";position:absolute;left:11px;top:24px;bottom:-2px;width:2px;background:var(--line)}
ol.tl li:last-child:before{display:none}
ol.tl li i{position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:#fff}
ol.tl li.done{color:var(--ink)}ol.tl li.done:before{background:var(--navy)}
ol.tl li.done i{background:var(--navy);border-color:var(--navy)}
ol.tl li.done i:after{content:"✓";color:#fff;font-size:13px;display:block;text-align:center;line-height:20px}
ol.tl li.cur{color:var(--ink);font-weight:700}
ol.tl li.cur i{border-color:var(--navy);box-shadow:0 0 0 5px var(--mist)}
@media(min-width:760px){
 ol.tl{display:grid;grid-template-columns:repeat(8,1fr);padding:30px 14px 24px}
 ol.tl li{padding:46px 4px 0;text-align:center;font-size:12.5px;line-height:1.3}
 ol.tl li:before{left:50%;right:-50%;top:11px;bottom:auto;width:auto;height:2px}
 ol.tl li i{left:50%;top:0;margin-left:-12px}
}
dl{margin:0;display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){dl{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}}
dt{font-size:13px;color:var(--muted);margin-bottom:2px}dd{margin:0;font-weight:600}
dd small{font-weight:400;color:var(--muted)}
.pend{background:var(--amberbg);border-left:4px solid var(--amber);padding:12px 16px;border-radius:10px}
.note{background:var(--paper);border:1px solid var(--line);padding:14px 18px;border-radius:10px;font-weight:400}
main>section>.code{margin-top:20px;display:inline-block}