:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; background: #0b0616; color: #eee9f8; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 15% 0, #321242 0, transparent 35rem), #0b0616; line-height: 1.65; }
main { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 44px 0 72px; }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 42px; }
header img { width: 42px; height: 42px; border-radius: 12px; }
header a { color: #fff; text-decoration: none; font-weight: 800; letter-spacing: .08em; }
h1 { margin: 0 0 8px; font-size: clamp(2rem, 7vw, 3.2rem); line-height: 1.08; }
h2 { margin: 34px 0 8px; color: #00f0ff; font-size: 1.15rem; }
p, li { color: #c8bddb; }
ul, ol { padding-left: 1.25rem; }
.updated { color: #9386aa; font-size: .9rem; margin-bottom: 32px; }
.card { padding: 20px; border: 1px solid rgba(0,240,255,.22); border-radius: 18px; background: rgba(255,255,255,.045); }
a { color: #70f5ff; }
nav { margin-top: 42px; display: flex; flex-wrap: wrap; gap: 16px; font-size: .9rem; }
strong { color: #fff; }
code { color: #c6ff2e; }
.primary-link { display: inline-block; margin-top: 8px; padding: 12px 18px; border-radius: 12px; background: linear-gradient(90deg,#00f0ff,#ff2d95); color: #08040f; text-decoration: none; font-weight: 800; }
.legal-form { display: grid; gap: 16px; }
.legal-form label { display: grid; gap: 6px; color: #eee9f8; font-size: .9rem; font-weight: 650; }
.legal-form input, .legal-form select, .legal-form textarea { width: 100%; border: 1px solid rgba(0,240,255,.28); border-radius: 10px; background: rgba(7,4,15,.7); color: #fff; padding: 11px 12px; font: inherit; }
.legal-form textarea { resize: vertical; }
.legal-form input:focus, .legal-form select:focus, .legal-form textarea:focus { outline: 3px solid rgba(0,240,255,.35); outline-offset: 2px; border-color: #00f0ff; }
.legal-form button { justify-self: start; border: 0; border-radius: 11px; background: linear-gradient(90deg,#00f0ff,#ff2d95); color: #08040f; padding: 11px 17px; font: inherit; font-weight: 800; cursor: pointer; }
.legal-form button:disabled { opacity: .55; cursor: wait; }
.form-status { margin: 0; min-height: 1.5em; font-size: .9rem; }
.form-status.success { color: #c6ff2e; }
.form-status.error { color: #ff7ab8; }
.hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
