:root { --bg:#14142e; --panel:#191938; --ink:#e8e8f2; --dim:#b8b8d0; --pink:#ff2e88; --cyan:#35e0e0; }
* { box-sizing:border-box; margin:0; }
body { background:var(--bg); color:var(--ink); font-family:Inter,system-ui,sans-serif;
       min-height:100vh; display:flex; flex-direction:column; align-items:center; }
.bar { width:100%; background:#101028; border-bottom:2px solid var(--pink); padding:10px 18px;
       font-family:'Bebas Neue',sans-serif; letter-spacing:.06em; font-size:19px; }
.bar a { color:var(--ink); text-decoration:none; }
.bar a:hover { color:var(--pink); }
.bar .c { color:var(--cyan); }
main { max-width:620px; width:100%; padding:8vh 24px 48px; text-align:center; }
h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.6rem,8vw,4.2rem); line-height:.95;
     letter-spacing:.03em; color:var(--pink); }
h1 span { color:var(--cyan); }
.sub { margin:18px 0 30px; color:var(--dim); font-size:1.02rem; line-height:1.55; }
form { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
input[type=email], input[type=text], textarea {
  width:100%; padding:14px 16px; font-size:1rem; color:var(--ink); font-family:inherit;
  background:var(--panel); border:1px solid #2c2c5a; border-radius:6px; outline:none; }
textarea { min-height:120px; resize:vertical; text-align:left; line-height:1.5; }
input:focus, textarea:focus { border-color:var(--cyan); }
label { display:block; text-align:left; font-size:.82rem; color:var(--dim); margin:14px 0 6px; }
button { padding:14px 28px; font-family:'Bebas Neue',sans-serif; font-size:1.25rem; letter-spacing:.06em;
  color:#14142e; background:var(--pink); border:0; border-radius:6px; cursor:pointer; }
button:hover { background:var(--cyan); }
.consent { margin-top:16px; font-size:.8rem; color:var(--dim); }
.consent b { color:var(--ink); font-weight:600; }
.notice { display:none; margin:0 0 24px; padding:12px 16px; border-radius:6px; border:1px solid var(--cyan);
  background:#102b2b; color:var(--cyan); font-size:.95rem; text-align:left; }
.notice.warn { border-color:var(--pink); background:#2b1020; color:var(--pink); }
.links { margin-top:36px; font-size:.85rem; }
.links a { color:var(--cyan); text-decoration:none; margin:0 10px; }
.links a:hover { color:var(--pink); }
footer { margin-top:auto; padding:22px; color:var(--dim); font-size:.75rem; }
.hp { position:absolute; left:-9999px; opacity:0; height:0; width:0; }
table { width:100%; border-collapse:collapse; margin:8px 0 24px; font-size:.9rem; }
th, td { text-align:left; padding:9px 12px; border-bottom:1px solid #2c2c5a; color:var(--dim); }
th { color:var(--ink); font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; }
td.code { font-family:'Space Mono',ui-monospace,monospace; color:var(--cyan); letter-spacing:.05em; }
details { text-align:left; margin-top:6px; flex:1 1 100%; }
summary { cursor:pointer; color:var(--cyan); font-size:.85rem; }

.hero-rat { display:block; width:min(320px,72vw); margin:0 auto 6px; }
.bar::before { content:""; display:inline-block; width:22px; height:22px; vertical-align:-6px;
  margin-right:8px; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByb2xlPSJpbWciIGFyaWEtbGFiZWw9InJhdCI+CiAgPHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByeD0iMTIiIGZpbGw9IiMxNDE0MmUiLz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjMwLDE0LjY4KSBzY2FsZSgwLjIyNTApIj4KICA8IS0tIEg6IHJlZmluZWQgRyDigJQgYmVsbHkgdHVjaywgcmVhbCBmb3JlcGF3LCBicm93IG92ZXIgdGhlIGV5ZSwgdG9lZCBmZWV0IC0tPgogIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmMmU4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgIDxwYXRoIGQ9Ik02NiA4MiBDIDQ2IDk2LCAyNiA5NCwgMTggODAiIHN0cm9rZS13aWR0aD0iMTEiLz4KICAgIDxwYXRoIGQ9Ik0xOCA4MCBDIDEwIDY2LCAxNiA1MiwgMzAgNDgiIHN0cm9rZS13aWR0aD0iNyIvPgogICAgPHBhdGggZD0iTTMwIDQ4IEMgNDAgNDUsIDQ2IDUyLCA0MiA1OCIgc3Ryb2tlLXdpZHRoPSIzLjUiLz4KICA8L2c+CiAgPHBhdGggZD0iTTg0IDcyIEMgMTEyIDY4LCAxMjYgODgsIDExOCAxMDYgQyAxMTEgMTIwLCA4NCAxMTksIDc4IDEwNCBDIDc0IDkzLCA3NiA3NiwgODQgNzIgWiIgZmlsbD0iI2U4ZThmMiIvPgogIDwhLS0gaGluZDogc2hhbmsgKyBsb25nIGZvb3Qgd2l0aCB0b2VzIC0tPgogIDxnIHN0cm9rZT0iI2U4ZThmMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik05NCAxMDggTCA4OSAxMjQiIHN0cm9rZS13aWR0aD0iOSIvPgogICAgPHBhdGggZD0iTTg4IDEyNSBMIDExMCAxMjkiIHN0cm9rZS13aWR0aD0iOCIvPgogIDwvZz4KICA8ZyBzdHJva2U9IiNlOGU4ZjIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgIDxwYXRoIGQ9Ik0xMDggMTI5IEwgMTE0IDEyNiIvPjxwYXRoIGQ9Ik0xMDggMTMwIEwgMTE1IDEzMSIvPgogIDwvZz4KICA8IS0tIGZvcmVsZWc6IGFuZ2xlZCwgd2l0aCBhIHBhdyBwbGFudGVkIGZvcndhcmQgLS0+CiAgPGcgc3Ryb2tlPSIjZThlOGYyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiPgogICAgPHBhdGggZD0iTTE2NiA5MiBMIDE3MCAxMTIiIHN0cm9rZS13aWR0aD0iNyIvPgogICAgPHBhdGggZD0iTTE3MCAxMTMgTCAxODQgMTE5IiBzdHJva2Utd2lkdGg9IjYiLz4KICA8L2c+CiAgPGcgc3Ryb2tlPSIjZThlOGYyIiBzdHJva2Utd2lkdGg9IjIuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgIDxwYXRoIGQ9Ik0xODMgMTE5IEwgMTg5IDExNyIvPjxwYXRoIGQ9Ik0xODMgMTIwIEwgMTg5IDEyMiIvPgogIDwvZz4KICA8cGF0aCBkPSJNMTYwIDUwIEMgMTUyIDMwLCAxNzggMjIsIDE4NyAzNSBDIDE5NCA0NiwgMTc5IDYwLCAxNjYgNTUgWiIgZmlsbD0iI2U4ZThmMiIvPgogIDxwYXRoIGQ9Ik0xNjcgNDYgQyAxNjMgMzYsIDE3NyAzMiwgMTgxIDM5IEMgMTg0IDQ1LCAxNzUgNTEsIDE3MCA0OSBaIiBmaWxsPSIjZmYyZTg4IiBvcGFjaXR5PSIuOCIvPgogIDwhLS0gYm9keTogcnVtcCBoaWdoLCB3YWlzdCB0dWNrZWQsIGJyb3cgcmlkZ2UgYWJvdmUgdGhlIGV5ZSwgd2VkZ2UgdG8gbm9zZSAtLT4KICA8cGF0aCBkPSJNNzAgNzYKICAgICAgICAgICBDIDY2IDUyLCA4OCA0MiwgMTE0IDQyCiAgICAgICAgICAgQyAxNDAgNDIsIDE1NiA0NywgMTY4IDU3CiAgICAgICAgICAgQyAxNzYgNjMsIDE4NiA3MCwgMTk4IDc1CiAgICAgICAgICAgQyAyMTIgODAsIDIyNCA4NCwgMjMwIDg4CiAgICAgICAgICAgQyAyMzUgOTEsIDIzNCA5NSwgMjI4IDk2CiAgICAgICAgICAgQyAyMTggOTcsIDIwNiA5NSwgMTk2IDkyCiAgICAgICAgICAgQyAxODAgODgsIDE2MiA5NSwgMTQwIDEwMAogICAgICAgICAgIEMgMTE2IDEwNSwgODggMTAzLCA3NiA5MgogICAgICAgICAgIEMgNzAgODcsIDY5IDgxLCA3MCA3NiBaIgogICAgICAgIGZpbGw9IiNlOGU4ZjIiLz4KICA8Y2lyY2xlIGN4PSIxOTkiIGN5PSI4NCIgcj0iNC44IiBmaWxsPSIjMzVlMGUwIi8+CiAgPGNpcmNsZSBjeD0iMjMxIiBjeT0iOTIiIHI9IjMuNCIgZmlsbD0iI2ZmMmU4OCIvPgogIDxnIHN0cm9rZT0iIzM1ZTBlMCIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iLjkiPgogICAgPHBhdGggZD0iTTIzMCA5OCBMIDI0NyAxMDciLz48cGF0aCBkPSJNMjMzIDk0IEwgMjUxIDk1Ii8+PHBhdGggZD0iTTIyOSA4NyBMIDI0NSA4MCIvPgogIDwvZz4KPC9nPgo8L3N2Zz4K") center/contain no-repeat; }

form button { flex:0 0 auto; margin-top:6px; }