/* The public pages beside the game (privacy policy, account deletion): the room and the cream felt card
   of the «Киіз бен қола» skin, no scripts or fonts from anywhere else. */
:root { --bg:#140a05; --card:#efe3cb; --ink:#2a1408; --ink-2:#5e3a1e; --gold:#e0b45a; --red:#8a3a1a; --line:#c9a878; }
* { box-sizing:border-box; }
html, body { margin:0; background:var(--bg); color:#fbefd9; }
body { font:16px/1.6 "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif; padding:24px 16px 48px;
  background:url(../assets/tex/felt.png), linear-gradient(180deg,#24140b,#140a05); }
.wrap { max-width:760px; margin:0 auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.brand { font:700 26px/1 "EB Garamond", Georgia, serif; letter-spacing:.08em; color:var(--gold); text-decoration:none; }
.langs { display:flex; gap:6px; }
.langs button { font:600 13px/1 inherit; font-family:inherit; padding:8px 12px; border-radius:999px; border:1px solid #6e4a2a;
  background:transparent; color:#e0c9a4; cursor:pointer; }
.langs button[aria-pressed="true"] { background:var(--gold); color:var(--ink); border-color:var(--gold); }
.card { background:url(../assets/tex/fiber.png), linear-gradient(180deg,#f3e8d2,#ddcba6); color:var(--ink); border-radius:16px;
  padding:24px 22px; box-shadow:0 0 0 2px #c99456, 0 0 0 3px #2a1408, 0 10px 28px rgba(0,0,0,.45); }
h1 { font:700 30px/1.15 "EB Garamond", Georgia, serif; margin:0 0 6px; }
h2 { font:700 21px/1.25 "EB Garamond", Georgia, serif; margin:26px 0 6px; }
.meta { color:var(--ink-2); font-size:14px; margin:0 0 8px; }
p, li { margin:6px 0; }
ul { padding-left:20px; }
a { color:var(--red); }
[data-lang] { display:none; }
html[lang="kk"] [data-lang="kk"], html[lang="ru"] [data-lang="ru"], html[lang="en"] [data-lang="en"] { display:block; }
label { display:block; font-weight:600; font-size:14px; margin:14px 0 4px; }
input[type=email], input[type=password] { width:100%; font:inherit; padding:12px; border-radius:10px; border:1px solid var(--line); background:#fbf4e4; color:var(--ink); }
.check { display:flex; gap:8px; align-items:flex-start; font-weight:400; }
.btn { margin-top:18px; width:100%; font:700 17px/1 "EB Garamond", Georgia, serif; padding:15px; border:0; border-radius:999px; cursor:pointer;
  color:#fbefd9; background:linear-gradient(180deg,#c86a3c,#8a3a1a); box-shadow:inset 0 0 0 2px #e7b67a, 0 3px 0 #2a1408; }
.btn:disabled { opacity:.5; cursor:default; }
.msg { margin-top:14px; padding:12px; border-radius:10px; font-weight:600; display:none; }
.msg.ok { display:block; background:#cfe8d6; color:#173d22; }
.msg.err { display:block; background:#f4d2c4; color:#6b1f08; }
footer { margin-top:18px; text-align:center; font-size:14px; color:#b89a74; }
footer a { color:#e0c9a4; }