:root{--void:#030711;--deep:#071527;--cyan:#37dcff;--ice:#dff9ff;--muted:#83a6b8;--line:#173b51;--pink:#ff2da4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#12304a 0,#06101e 35%,#02050b 75%);color:var(--ice);font:15px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#6deaff 4px)}main{width:min(1040px,92%);margin:auto;padding:34px 0 60px}header{text-align:center}.logo{width:min(410px,78vw);filter:drop-shadow(0 0 28px #0bcfff66)}.kicker{letter-spacing:.25em;color:var(--cyan);font-size:12px}h1{font-size:clamp(28px,6vw,58px);line-height:.95;margin:.35em 0;text-shadow:0 0 24px #21d7ff55}.lead{max-width:720px;margin:0 auto 28px;color:#b8cfda}.panel{background:linear-gradient(180deg,#071421e8,#030914ed);border:1px solid var(--line);box-shadow:0 20px 60px #000b,inset 0 0 40px #0dd8ff0a;padding:24px;margin:18px 0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;color:var(--cyan);font-size:12px;letter-spacing:.1em;margin:10px 0}input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px;background:#02070e;border:1px solid #24516a;color:#eaffff;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 15px #28dfff2b}button{width:100%;padding:15px;border:1px solid var(--cyan);background:#062334;color:var(--ice);font:700 13px ui-monospace,monospace;letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 0 25px #20dfff15}button:hover{background:#0b3b50}.protocol h2{color:var(--pink);font-size:16px;letter-spacing:.12em}.examples{display:grid;gap:8px}code{background:#01050a;border:1px solid #15384a;padding:8px;color:#8eeeff;overflow-wrap:anywhere}.small{font-size:12px;color:var(--muted)}footer{text-align:center;color:#698897;font-size:11px;letter-spacing:.08em;margin-top:30px}footer a{color:var(--cyan)}.linkbtn{border:0;background:none;box-shadow:none;color:#8aa9b7;text-decoration:underline;width:auto;padding:6px}dialog{max-width:680px;background:#040b14;color:#d9f8ff;border:1px solid var(--cyan);padding:28px;box-shadow:0 0 80px #000}dialog::backdrop{background:#000c}.x{float:right;width:auto;padding:5px 10px}.eldritch{color:#ff75c3;font-style:italic}@media(max-width:680px){.grid{grid-template-columns:1fr}.panel{padding:18px}.logo{width:min(330px,90vw)}}

.footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px}.homebtn{display:inline-block;width:auto;padding:12px 16px;border:1px solid var(--line);background:#062334;color:var(--cyan);text-decoration:none;font:700 12px ui-monospace,monospace;letter-spacing:.08em}.homebtn:hover{background:#0b3b50}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}dialog{width:min(680px,92vw);max-height:85vh;overflow:auto}dialog a{color:var(--cyan)}button:disabled{opacity:.6;cursor:wait}#contact-status{color:var(--cyan)}footer{padding-bottom:80px}

.footer-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;letter-spacing:0;font-size:clamp(9px,2.5vw,12px);white-space:nowrap}.footer-actions a,.footer-actions button{display:inline;width:auto;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--cyan);font:inherit;letter-spacing:inherit;text-decoration:none}.footer-actions a:hover,.footer-actions button:hover{text-decoration:underline;background:none}.footer-actions span{color:var(--muted)}

.footer-actions a{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;text-decoration:none}.footer-actions a:hover,.footer-actions a:focus-visible{text-decoration:underline}
