:root{color-scheme:dark;--void:#010306;--ink:#eef8ff;--muted:#a8bfcc;--line:rgba(143,208,244,.26);--green:#76ff68;--bad:#ff8c82}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(900px 540px at 80% -5%,rgba(66,127,151,.22),transparent 65%),var(--void);color:var(--ink);font:400 16px/1.5 Bahnschrift,"Segoe UI",sans-serif}.shell{width:min(100% - 32px,520px);padding:32px;border:1px solid var(--line);background:rgba(5,13,21,.88);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.kicker{margin:0 0 10px;color:var(--green);font:700 11px/1 monospace;letter-spacing:.16em;text-transform:uppercase}h1{margin:0 0 12px;font:650 34px/1.1 Georgia,serif}.lede,.note{color:var(--muted)}form{display:grid;gap:10px;margin-top:26px}label{font:700 11px/1 monospace;letter-spacing:.12em;text-transform:uppercase}input,button{min-height:48px;padding:10px 12px;font:inherit}input{border:1px solid var(--line);background:#02070c;color:var(--ink)}button{border:1px solid var(--green);background:var(--green);color:#061009;font-weight:800;cursor:pointer}button:disabled{opacity:.6;cursor:progress}#demo-status{margin:4px 0 0;color:var(--green)}#demo-status.bad{color:var(--bad)}.note{font-size:13px;margin:22px 0 0}