:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#eee9df;background:#101512}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 30%,#29453866,transparent 60%),linear-gradient(135deg,#101512,#17231c 65%,#101512);min-height:100vh}main{max-width:1140px;margin:auto;padding:42px 38px}.brand{font-weight:850;letter-spacing:4px;color:#d7bb79;font-size:22px}.brand span{display:block;letter-spacing:3px;font-size:10px;color:#879b8c;margin-top:7px}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:64px 0}.eyebrow{font-size:10px;letter-spacing:3px;color:#cfb373;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(46px,5.6vw,74px);line-height:1.05;font-weight:400;letter-spacing:-2px;margin:25px 0}h1 em{color:#d7bb79;font-weight:400}.lead{color:#a9b8ac;line-height:1.8;font-size:16px}.connection{margin-top:38px;padding:22px 0;border-top:1px solid #ffffff20}.connection>span{display:block;font-size:10px;letter-spacing:2px;color:#9bae9e}.connection>code{display:block;margin:12px 0;font-size:13px;overflow-wrap:anywhere}.connection button{background:transparent;color:#cfb373;border:1px solid #cfb37355;font-size:12px;padding:9px 13px}.card{border:1px solid #a9bf992b;background:#101813dd;padding:32px;box-shadow:0 24px 70px #0004;border-top:2px solid #cfb373}h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:12px 0}.muted,.footnote{color:#9bac9e;font-size:13px;line-height:1.6}label{display:block;font-size:13px;margin:23px 0 9px}input{display:block;width:100%;padding:13px 12px;border:1px solid #455449;background:#0c120f;color:#fff;border-radius:3px;font-size:16px}input:focus,button:focus-visible{outline:2px solid #d7bb79;outline-offset:3px}small{display:block;color:#9bac9e;line-height:1.6;font-size:11px;margin-top:7px}small code{white-space:normal}button{cursor:pointer;border-radius:3px}#submit{display:flex;justify-content:space-between;width:100%;border:0;background:#d7bb79;color:#172117;padding:15px;margin-top:27px;font-size:14px;font-weight:750}button:hover{filter:brightness(1.12)}button:disabled{opacity:.6;cursor:wait}#status{line-height:1.5;font-size:14px;color:#ead19b}#status[data-success=true]{color:#a8d7ad}.footnote{border-top:1px solid #ffffff12;padding-top:18px;margin-bottom:0}.trap{position:absolute;left:-10000px}footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#86998a;border-top:1px solid #ffffff13;padding-top:22px}#copy-status{font-size:12px;color:#a8d7ad}@media(max-width:760px){main{padding:25px 20px}.layout{grid-template-columns:1fr;gap:26px;padding:30px 0}.card{padding:25px}h1{font-size:48px}.connection{margin-top:25px}}