:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:radial-gradient(circle at 90% 6%,#69418c55,transparent 38%),linear-gradient(150deg,#160f28,#251539 64%,#1c1231);color:#f9f4ff;display:grid;place-items:center;padding:clamp(16px,4vw,35px)}
.container{width:min(100%,520px);padding:clamp(23px,5vw,38px);border-radius:27px;background:#29203d;border:1px solid #645379;box-shadow:0 30px 70px #0b06193d}
.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:830;letter-spacing:.045em}
.logo{width:55px;height:55px;display:grid;place-items:center;background:#8a52e1;border-radius:16px;font-size:28px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#c5a3fa;font-size:12px;font-weight:800;margin:30px 0 12px}
.status-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#cdb1fa;color:#32194c;font-size:34px;font-weight:900;margin:0 0 17px}
.status-icon.is-error{background:#f8d2df;color:#72263e}
.status-icon.is-info{background:#bba4df;color:#2a1c40}
h1{font-size:clamp(29px,6vw,36px);line-height:1.17;letter-spacing:-.025em;margin:0 0 14px}
.lead{color:#dfd1f1;font-size:16px;line-height:1.65;margin:0 0 29px}
.steps{background:#201730;border:1px solid #54436b;border-radius:18px;padding:19px 18px;display:grid;gap:17px}
.step{display:flex;align-items:flex-start;gap:13px}
.number{background:#61448c;color:#f8efff;border-radius:12px;flex:0 0 32px;height:32px;display:grid;place-items:center;font-size:14px;font-weight:800}
.step strong{font-size:15px;display:block;margin-top:1px}
.step p{font-size:14px;color:#c5b6d6;line-height:1.55;margin:6px 0 0}
.note{color:#c8b3e1;background:#3a2a55;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.55;margin:19px 0 28px}
footer{text-align:center;color:#a99bbd;font-size:12px}
@media(max-width:390px){.container{padding:23px 18px}.brand{font-size:21px}.steps{padding:17px 13px}}