/* ============================================================
   faly — shared styles for legal / info pages
   (Gizlilik Politikası, KVKK Aydınlatma, İletişim)
   Same wine + gold theme as the landing page. Self-contained.
   ============================================================ */
:root{
  --wine-500:#4C0826; --wine-600:#350916; --wine-700:#260712; --wine-800:#1C0510; --aubergine:#160308;
  --gold:#FFC237; --gold-bright:#FFD45E; --gold-deep:#E5A41C; --gold-ink:#2A0B16; --gold-text:#F2B43E;
  --text:#fff; --soft:rgba(255,255,255,.74); --faint:rgba(255,255,255,.48);
  --surface:rgba(255,255,255,.05); --surface-dark:rgba(0,0,0,.22);
  --line:rgba(255,255,255,.14); --line-strong:rgba(255,255,255,.5); --gold-line:rgba(255,194,55,.38);
  --r-card:18px; --r-pill:999px; --gutter:24px; --maxw:780px;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',system-ui,Roboto,sans-serif;
  --shadow-gold:0 10px 34px rgba(244,185,54,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:var(--sans); color:var(--text); line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  background:
    radial-gradient(120% 60% at 50% -8%, rgba(180,32,92,.55), transparent 55%),
    linear-gradient(180deg,#5a0b30 0%, var(--wine-500) 14%, var(--wine-600) 40%, var(--wine-700) 70%, var(--wine-800) 92%, var(--aubergine) 100%);
  background-attachment:fixed; min-height:100vh; overflow-x:hidden; position:relative;
}
a{color:var(--gold-text);text-decoration:none}
a:hover{text-decoration:underline}
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sky::before{content:"";position:absolute;inset:0;
  background-image:
    radial-gradient(1.6px 1.6px at 30px 50px, rgba(255,255,255,.9), transparent),
    radial-gradient(1.3px 1.3px at 160px 120px, rgba(255,224,150,.85), transparent),
    radial-gradient(1px 1px at 250px 200px, rgba(255,255,255,.55), transparent),
    radial-gradient(1.5px 1.5px at 95px 250px, rgba(255,210,120,.8), transparent),
    radial-gradient(1px 1px at 300px 80px, rgba(255,255,255,.5), transparent);
  background-size:340px 380px;opacity:.5}

.wrap{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}

/* top bar */
.topbar{position:relative;z-index:2;border-bottom:1px solid var(--line);background:rgba(0,0,0,.18)}
.topbar-in{display:flex;align-items:center;gap:16px;justify-content:space-between;padding-block:16px}
.brand img{height:30px;width:auto}
.topbar-right{display:flex;align-items:center;gap:14px}
.home-link{color:var(--soft);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.home-link:hover{color:#fff;text-decoration:none}

/* lang switch */
.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;background:var(--surface-dark)}
.lang-btn{background:transparent;border:0;color:var(--soft);font:600 13px var(--sans);padding:7px 12px;cursor:pointer;transition:.2s;line-height:1}
.lang-btn.active{background:var(--gold);color:var(--gold-ink)}
.lang-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* prose */
main.legal{position:relative;z-index:1;padding-block:clamp(40px,6vw,72px)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text)}
.legal h1{font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:.4em 0 .2em}
.legal .updated{color:var(--faint);font-size:13px;margin-bottom:2.2em}
.legal h2{font-size:clamp(18px,2.4vw,22px);font-weight:700;letter-spacing:-.01em;margin:2em 0 .5em;color:#fff}
.legal p,.legal li{color:var(--soft);font-size:16px}
.legal p{margin:.6em 0}
.legal ul,.legal ol{margin:.6em 0 .6em;padding-left:1.25em}
.legal li{margin:.3em 0}
.legal strong{color:#fff;font-weight:700}
.legal a{font-weight:600}
.legal .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;margin:1.2em 0}
.ph{color:var(--gold-text);font-style:normal;background:rgba(255,194,55,.10);border:1px dashed var(--gold-line);border-radius:6px;padding:1px 6px;font-size:.92em}

/* footer */
.foot{position:relative;z-index:1;border-top:1px solid var(--line);margin-top:40px;background:rgba(0,0,0,.18)}
.foot-in{padding-block:26px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.foot-links a{color:var(--soft);font-size:14px;font-weight:600}
.foot-links a:hover{color:#fff;text-decoration:none}
.foot-copy{color:var(--faint);font-size:13px}

@media(max-width:560px){
  .topbar-in{flex-wrap:wrap}
  .foot-in{flex-direction:column;align-items:flex-start}
}