/* The public pages (privacy, terms, account deletion, support): plain HTML
   in the app's look, readable by anyone and by store reviewers' checkers. */
@font-face { font-family: Thmanyah; font-weight: 400; src: url(/assets/assets/fonts/thmanyahsans-Regular.otf); font-display: swap; }
@font-face { font-family: Thmanyah; font-weight: 500; src: url(/assets/assets/fonts/thmanyahsans-Medium.otf); font-display: swap; }
@font-face { font-family: Thmanyah; font-weight: 700; src: url(/assets/assets/fonts/thmanyahsans-Bold.otf); font-display: swap; }
@font-face { font-family: Thmanyah; font-weight: 900; src: url(/assets/assets/fonts/thmanyahsans-Black.otf); font-display: swap; }
:root { --bg: #FFF9F3; --surface: #fff; --line: #EDEEF1; --line2: #E2E4E8; --text: #1B1B1F; --text2: #6B6F7A; --orange: #F2600C; --orangeDeep: #C94A0A; --orangeSoft: #FFF1E6; --orangeText: #B0450A; --sky: #EAF0FF; --skyText: #1E3A8A; }
@media (prefers-color-scheme: dark) { :root { --bg: #17161B; --surface: #221F27; --line: #332F38; --line2: #2A272F; --text: #F4F2F7; --text2: #B6B2BD; --orangeSoft: #3A2618; --orangeText: #FFB27A; --sky: #1E2740; --skyText: #B9CBFF; } }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font-family: Thmanyah, -apple-system, "Segoe UI", Tahoma, sans-serif; line-height: 1.75; font-size: 16px; }
.wrap { max-width: 820px; margin: 0 auto; padding: 18px 16px 48px; }
header { display: flex; align-items: center; gap: 10px; }
header img { width: 44px; height: 44px; }
header .name { font-weight: 900; font-size: 22px; flex: 1; }
.lang { border: 2px solid var(--line); background: var(--surface); color: var(--text); border-radius: 14px; padding: 6px 14px; font: inherit; font-weight: 900; cursor: pointer; box-shadow: 0 3px 0 var(--line2); }
nav { display: flex; gap: 8px; overflow-x: auto; margin: 16px 0 18px; padding-bottom: 6px; }
nav a { white-space: nowrap; text-decoration: none; color: var(--text); font-weight: 900; font-size: 14.5px; padding: 7px 15px; border-radius: 14px; background: var(--surface); border: 2px solid var(--line); box-shadow: 0 3px 0 var(--line); }
nav a.on { background: var(--orangeSoft); border-color: #FFD2B0; color: var(--orangeText); box-shadow: 0 3px 0 #FFD2B0; }
.card { background: var(--surface); border: 2px solid var(--line); border-radius: 22px; box-shadow: 0 4px 0 var(--line); padding: 24px 22px 28px; }
h1 { font-size: 28px; font-weight: 900; line-height: 1.3; margin: 0 0 6px; }
h2 { font-size: 19px; font-weight: 900; margin: 22px 0 8px; }
h3 { font-size: 17px; font-weight: 900; margin: 18px 0 6px; }
p, li { margin: 0 0 8px; }
.muted { color: var(--text2); }
.top { display: flex; gap: 14px; align-items: center; }
.top > div { flex: 1; }
.top img { width: 84px; height: 84px; border-radius: 26px; border: 4px solid #fff; box-shadow: 0 0 0 2px var(--line), 0 5px 0 var(--line2); object-fit: cover; background: var(--orangeSoft); transform: rotate(4deg); }
ol.steps { list-style: none; padding: 0; counter-reset: s; }
ol.steps li { counter-increment: s; display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; }
ol.steps li::before { content: counter(s); flex: none; width: 28px; height: 28px; border-radius: 10px; background: var(--orange); color: #fff; font-weight: 900; display: grid; place-items: center; font-size: 14px; margin-top: 2px; }
ul.dots { padding-inline-start: 20px; }
ul.dots li::marker { color: var(--orange); }
.note { background: var(--sky); color: var(--skyText); border-radius: 16px; padding: 12px 14px; margin-top: 16px; font-size: 14.5px; }
.btn { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 900; color: #fff; background: var(--orange); border-radius: 18px; padding: 10px 18px; box-shadow: 0 4px 0 var(--orangeDeep); }
.btn.white { background: var(--surface); color: var(--text); border: 2px solid var(--line); box-shadow: 0 4px 0 var(--line2); }
.mail { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; background: var(--orangeSoft); border-radius: 20px; padding: 14px 16px; margin: 16px 0 6px; }
.mail b { flex: 1 1 100%; min-width: 0; direction: ltr; text-align: start; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qa { margin-bottom: 16px; }
.qa b { display: block; }
.legal a, .qa a, p a { color: var(--orangeText); }
footer { text-align: center; color: var(--text2); font-size: 13px; margin-top: 18px; }
.loading { text-align: center; padding: 40px 0; color: var(--text2); }
[dir="ltr"] .top img { transform: rotate(-4deg); }
.code { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; background: var(--orangeSoft); border: 2px dashed #FFB27A; border-radius: 20px; padding: 14px 16px; margin: 18px 0 10px; }
.code .label { flex: 1 1 100%; font-weight: 900; color: var(--orangeText); font-size: 14px; }
.code b { flex: 1; direction: ltr; text-align: start; font-size: 30px; letter-spacing: 6px; font-family: Menlo, Consolas, monospace; }
.code .btn { font: inherit; font-weight: 900; cursor: pointer; }
.stores { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.stores .btn { flex: 1 1 200px; justify-content: center; font-size: 17px; padding: 13px 18px; }