/* Shared styles for the static legal pages (gizlilik.html, kvkk.html). */ * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:#121400; color:#E2E2E2; font-family:'Oxanium',system-ui,sans-serif; -webkit-font-smoothing:antialiased; line-height:1.65; } body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.55; background-image:linear-gradient(rgba(226,226,226,.05) 1px, transparent 1px),linear-gradient(90deg, rgba(226,226,226,.05) 1px, transparent 1px); background-size:52px 52px; } a { color:#E3FF0C; text-decoration:none; } a:hover { color:#ECFF5C; text-decoration:underline; } a:focus-visible, button:focus-visible { outline:2px solid #E3FF0C; outline-offset:3px; border-radius:6px; } ::selection { background:#E3FF0C; color:#121400; } /* language switching: Turkish by default, English when */ [data-l="en"] { display:none; } html[data-lang="en"] [data-l="en"] { display:revert; } html[data-lang="en"] [data-l="tr"] { display:none; } .lg-header { position:sticky; top:0; z-index:10; backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%); background:rgba(18,20,0,.82); border-bottom:1px solid rgba(226,226,226,.12); } .lg-header-in { max-width:860px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; gap:14px; } .lg-brand { display:flex; align-items:center; gap:10px; color:#E2E2E2; font-size:20px; font-weight:600; letter-spacing:-.02em; } .lg-brand:hover { color:#E2E2E2; text-decoration:none; } .lg-brand img { width:20px; height:28px; object-fit:contain; display:block; } .lg-brand b { color:#E3FF0C; font-weight:600; } .lg-lang { margin-left:auto; display:flex; gap:4px; padding:3px; border:1px solid rgba(226,226,226,.16); border-radius:999px; } .lg-lang button { padding:6px 13px; border:none; border-radius:999px; background:transparent; color:rgba(226,226,226,.6); font:700 11.5px 'Oxanium',monospace; cursor:pointer; } html[data-lang="tr"] .lg-lang [data-set="tr"], html[data-lang="en"] .lg-lang [data-set="en"] { background:#E3FF0C; color:#121400; } main { position:relative; z-index:1; max-width:860px; margin:0 auto; padding:56px 24px 40px; } .lg-eyebrow { font:600 11.5px 'Oxanium',monospace; letter-spacing:.18em; text-transform:uppercase; color:#E3FF0C; margin-bottom:14px; } h1 { margin:0 0 10px; font-size:clamp(32px,5vw,54px); line-height:1.04; letter-spacing:-.04em; font-weight:700; } .lg-meta { margin:0 0 34px; font:400 12.5px 'Oxanium',monospace; letter-spacing:.06em; color:rgba(226,226,226,.62); } h2 { margin:44px 0 12px; padding-top:22px; border-top:1px solid rgba(226,226,226,.12); font-size:22px; letter-spacing:-.02em; font-weight:700; color:#E3FF0C; scroll-margin-top:80px; } h3 { margin:24px 0 8px; font-size:16.5px; font-weight:600; color:#E2E2E2; } p, li { font-size:16px; color:rgba(226,226,226,.8); } p { margin:0 0 14px; } ul, ol { margin:0 0 16px; padding-left:22px; } li { margin-bottom:7px; } li::marker { color:#E3FF0C; } strong { color:#E2E2E2; font-weight:600; } .lg-card { margin:0 0 18px; padding:18px 20px; border:1px solid rgba(227,255,12,.28); border-radius:14px; background:linear-gradient(165deg, rgba(227,255,12,.06), rgba(0,0,0,.35)); } .lg-card p:last-child { margin-bottom:0; } .lg-table-wrap { overflow-x:auto; margin:0 0 18px; border:1px solid rgba(226,226,226,.14); border-radius:12px; } table { width:100%; border-collapse:collapse; min-width:560px; } th, td { text-align:left; vertical-align:top; padding:12px 14px; font-size:14.5px; border-bottom:1px solid rgba(226,226,226,.1); color:rgba(226,226,226,.8); } th { font:600 11px 'Oxanium',monospace; letter-spacing:.12em; text-transform:uppercase; color:rgba(226,226,226,.62); background:rgba(0,0,0,.3); } tr:last-child td { border-bottom:none; } code { font:500 13.5px ui-monospace,Menlo,monospace; color:#ECFF5C; background:rgba(227,255,12,.08); padding:2px 6px; border-radius:5px; } .lg-toc { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 8px; padding:0; list-style:none; } .lg-toc a { display:inline-block; padding:7px 13px; border:1px solid rgba(226,226,226,.18); border-radius:999px; font:500 12.5px 'Oxanium',monospace; color:rgba(226,226,226,.8); } .lg-toc a:hover { border-color:#E3FF0C; color:#E3FF0C; text-decoration:none; } footer { position:relative; z-index:1; margin-top:40px; border-top:1px solid rgba(227,255,12,.16); background:rgba(6,7,0,.7); } .lg-footer-in { max-width:860px; margin:0 auto; padding:18px 24px; display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:space-between; font:400 11.5px 'Oxanium',monospace; color:rgba(226,226,226,.62); } .lg-footer-in nav { display:flex; flex-wrap:wrap; gap:6px 18px; } .lg-footer-in a { color:rgba(226,226,226,.78); } .lg-footer-in a:hover { color:#E3FF0C; } @media (max-width:560px) { .lg-header-in, main, .lg-footer-in { padding-left:16px; padding-right:16px; } main { padding-top:40px; } p, li { font-size:15.5px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }