:root{color:#edf5f0;background:#10221e;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0%,#245344,#10221e 52%)}.shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding:12vh 0 48px}.intro{max-width:620px;margin-bottom:28px}.eyebrow{color:#9ad8b5;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1{max-width:560px;margin:10px 0;font-size:clamp(2.5rem,8vw,5.2rem);line-height:.95;letter-spacing:-.06em}.lede{color:#b8ccc1;font-size:1.1rem}.panel{display:grid;gap:18px;padding:24px;border:1px solid #477563;border-radius:20px;background:#0f201cd6;box-shadow:0 24px 80px #0000003d}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:grid;gap:7px;color:#c9ddd1;font-size:.85rem;font-weight:650}input{width:100%;padding:12px 13px;border:1px solid #4d7464;border-radius:10px;color:#f5fff8;background:#172f28;font:inherit}input:focus{outline:2px solid #9ad8b5;outline-offset:2px}button{justify-self:start;padding:12px 18px;border:0;border-radius:999px;color:#10221e;background:#9ad8b5;font:inherit;font-weight:750;cursor:pointer}.status{margin:0;color:#9ad8b5}.status[data-error=true]{color:#ffb0a8}.note{color:#91aaa0;font-size:.85rem}code{color:#d3f2df}@media(max-width:560px){.grid{grid-template-columns:1fr}.shell{padding-top:8vh}}