:root{color-scheme:dark;--bg:#10192b;--panel:#19243a;--fg:#f8f2ea;--muted:#b6bfd0;--pink:#f3b7b0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{border-bottom:1px solid #34405a}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}a{color:var(--pink)}h1{font-size:clamp(28px,5vw,42px);line-height:1.2}h2{font-size:23px;margin-top:32px}p,li{color:var(--muted)}.brand{letter-spacing:.13em;font-weight:700;color:var(--fg);text-decoration:none}.brand span{color:var(--pink)}.box{background:var(--panel);border:1px solid #34405a;border-radius:18px;padding:24px;margin:24px 0}.button{display:inline-block;border-radius:12px;background:var(--pink);color:var(--bg);padding:12px 20px;font-weight:700;text-decoration:none}footer{border-top:1px solid #34405a;font-size:13px}input,textarea,button{font:inherit;width:100%;padding:12px;border:1px solid #52607a;border-radius:10px;background:var(--bg);color:var(--fg);margin:8px 0 20px}button{background:var(--pink);color:var(--bg);cursor:pointer}label{display:block}