/* The site's plain pages (privacy, support, terms, in English and Turkish): the app's colours and type, one card. */
:root{--bg:#5B3EE0; --ink:#251A4F; --ink-soft:#6A6290; --card:#FFFFFF; --paper:#F3F0FF; --accent:#FFC83D; --edge:#251A4F}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; min-height:100vh; padding:0 16px 48px; font:500 1rem/1.6 Nunito, system-ui, -apple-system, sans-serif; color:var(--ink);
  background:var(--bg) radial-gradient(rgba(255,255,255,.08) 2px, transparent 2.5px) 0 0/28px 28px}
a{color:#4A2FD0; font-weight:800}
.top{max-width:760px; margin:0 auto; padding:20px 0 16px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px}
.logo{font:400 2rem/1 'Lilita One', system-ui, sans-serif; color:#fff; text-decoration:none; text-shadow:0 3px 0 var(--edge)}
.logo i{font-style:normal; color:#FF4D6D}
nav{display:flex; flex-wrap:wrap; gap:6px 14px; margin-left:auto}
nav a{color:#fff; font-weight:800; text-decoration:none; opacity:.85}
nav a[aria-current]{opacity:1; text-decoration:underline; text-underline-offset:4px}
nav .lang{padding:2px 10px; color:var(--ink); background:var(--accent); border:2px solid var(--edge); border-radius:999px; opacity:1}
main{max-width:760px; margin:0 auto; padding:26px 28px 30px; background:var(--card); border:2.5px solid var(--edge); border-radius:22px; box-shadow:0 6px 0 var(--edge)}
h1{margin:0 0 4px; font:400 2.2rem/1.1 'Lilita One', system-ui, sans-serif}
h2{margin:28px 0 6px; font:400 1.35rem/1.2 'Lilita One', system-ui, sans-serif}
.date{margin:0 0 18px; color:var(--ink-soft); font-size:.9rem; font-weight:700}
.short{margin:14px 0 0; padding:14px 18px 14px 34px; background:var(--paper); border:2px solid var(--edge); border-radius:14px}
.short li{margin:2px 0}
ul, ol{padding-left:22px}
li{margin:4px 0}
dt{margin-top:14px; font-weight:900}
dd{margin:2px 0 0}
.mail{display:inline-block; margin:6px 0; padding:8px 16px; font-weight:900; color:var(--ink); text-decoration:none; background:var(--accent); border:2.5px solid var(--edge); border-radius:999px; box-shadow:0 3px 0 var(--edge)}
footer{max-width:760px; margin:18px auto 0; color:rgba(255,255,255,.75); font-size:.85rem; text-align:center}
footer a{color:#fff}
@media (max-width:520px){ main{padding:20px 18px 24px} h1{font-size:1.8rem} nav{margin-left:0} }