*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#f5f7fb}.shell{max-width:880px;margin:12vh auto;padding:48px;background:white;border:1px solid #e5e9f2;border-radius:20px}.eyebrow{color:#4263eb;font-size:12px;font-weight:700;letter-spacing:.16em}h1{font-size:clamp(32px,5vw,52px);margin:16px 0}p{line-height:1.6}.status{margin-top:28px;padding:14px 16px;background:#eef2ff;border-radius:10px}form{grid-gap:18px;gap:18px;max-width:420px;margin:28px 0}form,label{display:grid}label{grid-gap:8px;gap:8px;font-size:13px;font-weight:600}input{padding:13px;border:1px solid #d5dbea;border-radius:8px;font:inherit}button{padding:12px 18px;background:#4f46e5;color:white;border:0;border-radius:8px;cursor:pointer;font-weight:600}button:disabled{opacity:.6}a{color:#4f46e5}article{padding:24px;border:1px solid #e4e4e7;border-radius:12px;margin-bottom:20px}code{color:#71717a}@media (max-width:600px){.shell{margin:20px;padding:24px}}