*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061016;color:#dfe9ee}
body{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
main{min-height:100svh;display:grid;place-items:center;padding:2rem;
background:radial-gradient(circle at 70% 20%,#17303c 0,transparent 28rem),linear-gradient(#07131a,#040a0e)}
.panel{width:min(40rem,100%);border:1px solid rgba(220,235,240,.18);padding:2rem;background:rgba(4,12,16,.62)}
.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#d7b47a;margin-bottom:1rem}
h1{font-size:clamp(2.2rem,6vw,4.8rem);margin:.1rem 0 1rem;font-weight:500;letter-spacing:-.06em}
p{color:#94a6af;line-height:1.7}.stub{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}
.stub span{border:1px solid rgba(220,235,240,.15);padding:.65rem .8rem;color:#bdcbd2;background:rgba(255,255,255,.025)}