:root {
--y-yazi:       rgba(255, 255, 255, .94);
--y-govde:      rgba(255, 255, 255, .78);
--y-soluk:      rgba(255, 255, 255, .62);
--y-cizgi:      rgba(255, 255, 255, .10);
--y-cizgi2:     rgba(255, 255, 255, .17);
--y-vurgu:      #9fdcff;
--y-vurgu-ac:   #8fd3ff;
--y-vurgu-yzm:  rgba(143, 211, 255, .08);
--y-kutu:       rgba(255, 255, 255, .05);
--y-kagit:      rgba(6, 12, 22, .62);
--y-zemin:      #06121f;
--y-ease:       cubic-bezier(.22, .8, .22, 1);
--y-en:         min(820px, 100% - 32px);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.yasal-sayfa {
margin: 0;
padding: 0;
min-height: 100vh;
min-height: 100dvh;
display: flex;
flex-direction: column;
background: var(--y-zemin) url('/assets/images/policy-bg.jpg') center / cover no-repeat fixed;
color: var(--y-yazi);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;
font-size: 16.5px;
line-height: 1.72;
text-rendering: optimizeLegibility;
}
body.yasal-sayfa::before {
content: '';
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
background:
linear-gradient(180deg, rgba(3, 10, 20, .58) 0%, rgba(3, 10, 20, .72) 60%, rgba(3, 10, 20, .86) 100%),
radial-gradient(90% 70% at 50% 30%, transparent 0%, rgba(0, 0, 0, .28) 100%);
}
body.yasal-sayfa .marka-gozluk .marka-acik { display: none; }
body.yasal-sayfa .marka-gozluk .marka-koyu { display: block; }
.yasal-ust { background: none; border-bottom: 0; }
.yasal-ust-ic {
width: var(--y-en);
max-width: none;
margin: 0 auto;
padding: 22px 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.yasal-ust-ad {
font-size: 18px;
font-weight: 800;
letter-spacing: -.01em;
color: var(--y-yazi);
text-decoration: none;
}
.yasal-ust-sag {
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
}
.yasal-dil {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
gap: 9px;
height: 42px;
padding: 0 18px;
font-family: inherit;
font-size: 13.5px;
font-weight: 600;
letter-spacing: -.005em;
color: var(--y-yazi);
background: rgba(8, 12, 20, .42);
border: 1px solid var(--y-cizgi);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border-radius: 999px;
cursor: pointer;
transition: background .25s, border-color .25s, transform .25s cubic-bezier(.34, 1.12, .38, 1);
}
.yasal-dil:hover {
background: rgba(8, 12, 20, .62);
border-color: var(--y-cizgi2);
transform: translateY(-1px);
}
.yasal-dil:active { transform: translateY(0); }
.yasal-dil:focus-visible {
outline: 2px solid var(--y-cizgi2);
outline-offset: 2px;
}
.yasal-dil-kure {
width: 17px;
height: 17px;
flex: none;
background-color: currentColor;
-webkit-mask: url('/assets/icons/dil-kure.svg') center / contain no-repeat;
mask: url('/assets/icons/dil-kure.svg') center / contain no-repeat;
transition: transform .65s cubic-bezier(.34, 1.02, .38, 1);
}
.yasal-dil:hover .yasal-dil-kure { transform: rotate(180deg); }
.yasal-dil-ad { white-space: nowrap; }
.yasal-dil::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(115deg,
transparent 36%, rgba(255, 255, 255, .15) 50%, transparent 64%);
transform: translateX(-130%);
transition: transform .8s ease;
}
.yasal-dil:hover::after { transform: translateX(130%); }
@media (prefers-reduced-motion: reduce) {
.yasal-dil,
.yasal-dil-kure,
.yasal-dil::after { transition: none; }
.yasal-dil:hover { transform: none; }
.yasal-dil:hover .yasal-dil-kure { transform: none; }
.yasal-dil:hover::after { transform: translateX(-130%); }
}
.yasal-kabuk {
width: var(--y-en);
max-width: none;
margin: 18px auto 0;
padding: clamp(26px, 5vw, 56px) clamp(22px, 5vw, 64px) clamp(30px, 5vw, 56px);
border-radius: 28px;
background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)), var(--y-kagit);
border: 1px solid var(--y-cizgi);
-webkit-backdrop-filter: blur(28px) saturate(1.3);
backdrop-filter: blur(28px) saturate(1.3);
box-shadow: 0 30px 80px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .06);
animation: yasalKartGir .7s var(--y-ease);
}
@keyframes yasalKartGir { from { opacity: 0; transform: translateY(14px); } }
.yasal-etiket {
margin: 0 0 10px;
font-size: 11.5px;
font-weight: 500;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--y-vurgu-ac);
}
.yasal-baslik {
margin: 0 0 8px;
font-size: clamp(32px, 5.4vw, 52px);
line-height: 1.04;
letter-spacing: -.025em;
font-weight: 800;
color: #fff;
}
.yasal-kabuk .yasal-tarih {
margin: 0 0 34px;
font-size: 13px;
color: var(--y-soluk);
}
.yasal-ozet {
background: var(--y-vurgu-yzm);
border: 1px solid rgba(143, 211, 255, .22);
border-radius: 18px;
padding: 18px 22px;
margin: 28px 0 40px;
color: var(--y-yazi);
}
.yasal-ozet h2 {
margin: 0 0 8px;
padding: 0;
border: 0;
font-size: 14px;
font-weight: 800;
letter-spacing: 0;
text-transform: none;
color: #bfe6ff;
}
.yasal-ozet ul { margin: 0; padding-left: 18px; }
.yasal-ozet li { margin: 5px 0; font-size: 14.5px; line-height: 1.55; color: var(--y-yazi); }
.yasal-ozet p { color: var(--y-yazi); }
.yasal-ozet p:last-child { margin-bottom: 0; }
.yasal-ozet a { color: var(--y-vurgu); }
.yasal-kabuk h2 {
margin: 34px 0 10px;
font-size: 18px;
font-weight: 800;
letter-spacing: -.01em;
padding-bottom: 0;
border-bottom: 0;
color: #fff;
}
.yasal-kabuk h3 {
margin: 26px 0 8px;
font-size: 16px;
font-weight: 700;
color: #fff;
}
.yasal-kabuk p,
.yasal-kabuk li { color: var(--y-govde); font-size: 15px; line-height: 1.7; }
.yasal-kabuk p  { margin: 0 0 10px; }
.yasal-kabuk ul { margin: 6px 0 12px; padding-left: 22px; }
.yasal-kabuk ol { margin: 6px 0 12px; padding-left: 22px; }
.yasal-kabuk li { margin: 4px 0; }
.yasal-kabuk li::marker { color: var(--y-vurgu-ac); }
.yasal-kabuk a {
color: var(--y-vurgu);
text-decoration: none;
border-bottom: 1px solid rgba(159, 220, 255, .35);
text-underline-offset: 2px;
}
.yasal-kabuk a:hover { border-bottom-color: var(--y-vurgu); }
.yasal-kabuk strong { font-weight: 700; color: #fff; }
.yasal-kabuk em { font-style: normal; color: #fff; }
.yasal-uyari {
background: rgba(220, 38, 38, .14);
border: 1px solid rgba(248, 113, 113, .38);
border-left: 3px solid #f87171;
color: #ffd9d9;
border-radius: 14px;
padding: 13px 17px;
margin: 0 0 14px;
font-size: 14.5px;
font-weight: 600;
}
.yasal-uyari strong { color: #fff; }
.yasal-not {
background: var(--y-kutu);
border: 1px solid var(--y-cizgi);
border-radius: 14px;
padding: 14px 16px;
margin: 0 0 18px;
font-size: 15px;
color: var(--y-yazi);
}
.yasal-tablo-sar { overflow-x: auto; margin: 0 0 20px; }
.yasal-tablo {
border-collapse: collapse;
width: 100%;
min-width: 420px;
font-size: 15px;
color: var(--y-govde);
}
.yasal-tablo th,
.yasal-tablo td {
border: 1px solid var(--y-cizgi);
padding: 9px 12px;
text-align: left;
vertical-align: top;
}
.yasal-tablo th {
background: var(--y-kutu);
font-weight: 700;
color: var(--y-yazi);
}
.yasal-komsu {
margin-top: 40px;
padding-top: 24px;
border-top: 1px solid var(--y-cizgi);
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.yasal-komsu a {
border: 1px solid var(--y-cizgi);
background: var(--y-kutu);
border-radius: 999px;
padding: 8px 16px;
font-size: 14.5px;
font-weight: 600;
color: var(--y-yazi);
text-decoration: none;
transition: background .2s, border-color .2s;
}
.yasal-komsu a:hover {
background: rgba(255, 255, 255, .1);
border-color: var(--y-cizgi2);
color: #fff;
}
.yasal-alt {
border-top: 0;
background: none;
color: var(--y-soluk);
font-size: 12.5px;
}
.yasal-alt-ic {
width: var(--y-en);
max-width: none;
margin: 0 auto;
padding: 26px 0 30px;
display: flex;
gap: 8px 16px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.yasal-alt a { color: var(--y-govde); text-decoration: none; transition: color .2s; }
.yasal-alt a:hover { color: #fff; }
.yasal-alt-sep { opacity: .45; }
.yasal-kartlar {
display: grid;
gap: 14px;
grid-template-columns: 1fr;
margin: 34px 0 0;
}
@media (min-width: 700px) {
.yasal-kartlar { grid-template-columns: repeat(3, 1fr); }
}
.yasal-kart {
display: block;
background: var(--y-kutu);
border: 1px solid var(--y-cizgi);
border-radius: 18px;
padding: 20px;
text-decoration: none;
color: inherit;
transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.yasal-kart:hover {
background: rgba(255, 255, 255, .09);
border-color: var(--y-cizgi2);
transform: translateY(-2.5px);
}
.yasal-kart-ust {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 6px;
}
.yasal-kart-ad {
font-weight: 700;
font-size: 17px;
color: #fff;
}
.yasal-kart-ok {
flex: none;
color: var(--y-soluk);
transition: transform .16s ease, color .16s ease;
}
.yasal-kart:hover .yasal-kart-ok {
color: var(--y-vurgu);
transform: translateX(3px);
}
.yasal-kart-not {
display: block;
font-size: 14.5px;
color: var(--y-govde);
line-height: 1.55;
}
a:focus-visible,
button:focus-visible {
outline: 2px solid var(--y-vurgu);
outline-offset: 3px;
border-radius: 4px;
}
@media (max-width: 600px) {
body.yasal-sayfa { background-attachment: scroll; }
.yasal-ust-ic { padding-top: 14px; }
.yasal-kabuk { border-radius: 22px; }
.yasal-kabuk p, .yasal-kabuk li { font-size: 14.5px; }
.yasal-ust-ad { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
.yasal-kabuk { animation: none; }
.yasal-kart { transition: none; }
.yasal-kart:hover { transform: none; }
.yasal-kart-ok { transition: none; }
.yasal-kart:hover .yasal-kart-ok { transform: none; }
}