*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#071816;color:#d7efe8;font:16px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
a{color:inherit}
.shell{width:min(100% - 32px,920px);margin:0 auto}
.top{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid rgba(114,220,227,.22)}
.brand{color:#72dce3;text-decoration:none;font-weight:800;letter-spacing:.04em}
.mark{opacity:.7}
main{padding:72px 0 54px}
.label{color:#72dce3;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
h1{font-size:clamp(34px,8vw,64px);line-height:1.02;letter-spacing:-.035em;margin:16px 0 12px}
.deck{color:#9ec6be;font-size:18px;max-width:680px;margin:0}
.card{margin-top:34px;padding:26px 28px;border:1px solid rgba(114,220,227,.22);border-left:3px solid #72dce3;border-radius:14px;background:rgba(17,50,43,.42)}
.card small{display:block;color:#72dce3;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.card blockquote{margin:0;font-size:19px;line-height:1.5;color:#e9fbf7}
.bar{color:#f1c65b}
.actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.primary{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:12px 16px;background:#72dce3;color:#071816;font:700 15px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer;text-decoration:none}
.primary:hover{background:#9be9ee}
.fine{color:#7fa8a1;font-size:13px;max-width:720px;margin-top:22px}
.error{color:#ff9f8a;min-height:22px;margin-top:12px}
footer{padding:24px 0 48px;border-top:1px solid rgba(114,220,227,.16);color:#7fa8a1;font-size:13px}