.activation-page{max-width:1200px;margin:auto;padding:65px 5%}
.activation-page h1{font-size:clamp(36px,5vw,60px);margin:18px 0}
.activation-intro{max-width:650px;color:var(--muted);font-size:19px}
.activation-options{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin:40px 0}
.activation-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--pale)}
.activation-card h2{font-size:28px;margin:14px 0 22px}
.activation-card p+p{margin-top:18px}
.activation-card ol{padding-left:22px}.activation-card li{margin:12px 0}
#activation-form{display:grid;gap:12px;margin-top:28px}
#activation-form label{font-weight:650;margin-top:10px}
#activation-form input{width:100%;min-width:0;padding:12px;border:1px solid #a8bdc7;border-radius:8px;background:white;font:inherit}
#activation-form input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#activation-form small,.activation-note{font-size:13px;color:var(--muted)}
#activate-button:disabled{opacity:.6;cursor:not-allowed}
#activation-status{font-size:14px;overflow-wrap:anywhere}
@media(max-width:760px){.activation-options{grid-template-columns:1fr}.activation-card{padding:24px}}