:root{--brand:#F47B20;--brand-dark:#D9610F;--brand-2:#FF9E42;--ink:#1C1710;--body:#403B33;--muted:#8C8377;
  --bg:#fff;--bg-soft:#FFF4EB;--line:#F1E2D2;--shadow:0 18px 50px -22px rgba(217,97,15,.32);--maxw:860px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--body);
  background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3{color:var(--ink);letter-spacing:-.02em;line-height:1.2;font-weight:800}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:13px 22px;
  border-radius:999px;cursor:pointer;border:0;transition:.2s;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 12px 28px -10px rgba(244,123,32,.6)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:#fff;color:var(--brand-dark);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--brand);background:var(--bg-soft)}
.pill{display:inline-flex;align-items:center;gap:7px;background:var(--bg-soft);color:var(--brand-dark);
  font-weight:600;font-size:13px;padding:6px 13px;border-radius:999px;border:1px solid var(--line)}
/* HEADER (ana sayfa ile aynı) */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:18px}
.logo{display:inline-flex;align-items:center}
.logo-img{height:36px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:26px;font-weight:600;font-size:15px;color:var(--body)}
.nav-links a:hover{color:var(--brand)}
.nav-cta{display:flex;align-items:center;gap:12px}
.nav-profit{position:relative;display:inline-flex;align-items:center}
.profit-logo{height:22px;width:auto;display:block}
.badge-new{position:absolute;top:-9px;right:-15px;background:#E0524D;color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:6px;line-height:1;text-transform:uppercase;letter-spacing:.03em;animation:blinkNew 1.15s ease-in-out infinite}
@keyframes blinkNew{0%,100%{opacity:1}50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.badge-new{animation:none}}
.nav-login{padding:11px 18px}
.nav-login svg{flex:0 0 auto}
.nav-login-m{display:none}
.menu-btn{display:none;background:none;border:0;cursor:pointer;padding:8px}
.menu-btn span{display:block;width:24px;height:2.5px;background:var(--ink);margin:5px 0;border-radius:2px;transition:.25s}
@media(max-width:980px){
  .nav-links{display:none}
  .nav-cta .nav-login{display:none}
  .nav-login-m{display:block}
  .menu-btn{display:block}
  .nav-links.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;
    padding:18px 22px;gap:16px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
}
/* HERO + İÇERİK */
.legal-hero{text-align:center;padding:44px 0 8px;background:radial-gradient(900px 320px at 80% -20%,#FFE6CF 0,transparent 60%)}
.legal-hero h1{font-size:clamp(27px,4vw,40px);margin-top:12px}
.legal-hero .upd{color:var(--muted);font-size:14px;margin-top:10px}
.legal{max-width:var(--maxw);margin:0 auto;padding:26px 22px 70px}
.legal h2{font-size:20px;margin:30px 0 10px}
.legal h3{font-size:16px;margin:20px 0 6px}
.legal p{margin-bottom:13px;font-size:15.5px}
.legal ul,.legal ol{margin:0 0 14px 20px;display:grid;gap:7px}
.legal li{font-size:15.5px}
.legal a{color:var(--brand-dark);font-weight:600;text-decoration:underline}
.legal .box{background:var(--bg-soft);border:1px solid var(--line);border-left:4px solid var(--brand);
  border-radius:12px;padding:16px 18px;margin:18px 0;font-size:14.5px}
.legal .box p:last-child{margin-bottom:0}
.legal .ph{color:var(--brand-dark);font-weight:600}
.legal .rel{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:14px}
.legal .rel a{margin-right:16px}
/* FOOTER */
footer{background:#160F06;color:#C9BEB0;padding:34px 0;text-align:center;font-size:14px;margin-top:20px}
footer a{color:#C9BEB0}
footer a:hover{color:#fff}