.kvkk-page-shell{
  background:#f4f8fb;
  color:#0b2038;
}
.kvkk-hero{
  position:relative;
  overflow:hidden;
  padding:9.2rem 0 5.4rem;
  color:#f5fbff;
  background:
    radial-gradient(circle at 78% 28%,rgba(43,151,213,.16),transparent 31rem),
    radial-gradient(circle at 8% 4%,rgba(67,178,230,.1),transparent 24rem),
    linear-gradient(135deg,#061a2e 0%,#082844 58%,#061a2e 100%);
}
.kvkk-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(142,211,242,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(142,211,242,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);
}
.kvkk-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr);
  gap:clamp(3rem,6vw,7.5rem);
  align-items:end;
}
.kvkk-eyebrow{
  display:flex;
  align-items:center;
  gap:.72rem;
  margin:0 0 1.25rem;
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.2em;
  color:#95d8fa;
}
.kvkk-eyebrow span{
  width:2.2rem;
  height:1px;
  background:#59bce9;
}
.kvkk-hero h1{
  max-width:15ch;
  margin:0;
  font-size:clamp(3.2rem,6vw,6.8rem);
  line-height:.94;
  letter-spacing:-.065em;
  font-weight:800;
}
.kvkk-hero__lead{
  max-width:48rem;
  margin:2rem 0 0;
  color:#c2d6e5;
  font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.78;
}
.kvkk-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:2rem;
}
.kvkk-hero__meta span{
  display:inline-flex;
  align-items:center;
  min-height:2.15rem;
  padding:.5rem .75rem;
  border:1px solid rgba(150,220,250,.15);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#9fbfd2;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.12em;
}
.kvkk-controller{
  position:relative;
  padding:2rem;
  border:1px solid rgba(146,215,245,.18);
  border-radius:1.25rem;
  background:linear-gradient(180deg,rgba(8,40,67,.78),rgba(4,25,44,.88));
  box-shadow:0 1.5rem 3.8rem rgba(0,10,20,.2),inset 0 1px rgba(255,255,255,.05);
}
.kvkk-controller::before{
  content:"";
  position:absolute;
  width:.55rem;
  height:.55rem;
  right:1.35rem;
  top:1.35rem;
  border-radius:50%;
  background:#5ec7f5;
  box-shadow:0 0 0 .36rem rgba(94,199,245,.09),0 0 1.3rem rgba(94,199,245,.45);
}
.kvkk-controller__index{
  display:block;
  margin-bottom:1.25rem;
  color:#7fcdf1;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.18em;
}
.kvkk-controller h2{
  margin:0;
  font-size:1.05rem;
  line-height:1.45;
  letter-spacing:-.025em;
}
.kvkk-controller p{
  margin:1.35rem 0;
  color:#a9c2d3;
  font-size:.88rem;
  line-height:1.75;
}
.kvkk-controller a{
  color:#eaf9ff;
  text-decoration:none;
  font-weight:700;
  border-bottom:1px solid rgba(129,209,246,.3);
}
.kvkk-snapshot{
  position:relative;
  z-index:2;
  margin-top:-1px;
  background:#0a2b47;
  border-top:1px solid rgba(136,207,239,.08);
  border-bottom:1px solid rgba(136,207,239,.08);
}
.kvkk-snapshot__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.kvkk-snapshot__item{
  min-height:9.8rem;
  padding:2rem 2.3rem;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1.2rem;
  align-items:start;
  border-right:1px solid rgba(139,207,238,.1);
}
.kvkk-snapshot__item:last-child{border-right:0}
.kvkk-snapshot__item>span{
  color:#58b9e4;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
}
.kvkk-snapshot__item p{
  margin:0;
  color:#c6dce9;
  line-height:1.65;
  font-size:.92rem;
}
.kvkk-body{
  padding:clamp(4.6rem,8vw,8rem) 0 clamp(6rem,9vw,9rem);
}
.kvkk-body__grid{
  display:grid;
  grid-template-columns:15rem minmax(0,1fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:start;
}
.kvkk-toc{
  position:sticky;
  top:7rem;
  padding-top:.4rem;
}
.kvkk-toc>p{
  margin:0 0 1.1rem;
  color:#7d95a7;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.18em;
}
.kvkk-toc nav{
  display:grid;
}
.kvkk-toc a{
  display:grid;
  grid-template-columns:2.1rem 1fr;
  gap:.7rem;
  align-items:center;
  min-height:2.75rem;
  color:#6f8493;
  text-decoration:none;
  font-size:.82rem;
  font-weight:700;
  border-bottom:1px solid #dde7ee;
  transition:color .2s ease,padding-left .2s ease;
}
.kvkk-toc a span{
  color:#a8bac7;
  font-size:.62rem;
  letter-spacing:.08em;
}
.kvkk-toc a:hover{
  color:#0e6fa5;
  padding-left:.25rem;
}
.kvkk-sections{
  min-width:0;
}
.kvkk-section{
  scroll-margin-top:7.5rem;
  display:grid;
  grid-template-columns:4.25rem minmax(0,1fr);
  gap:1.8rem;
  padding:0 0 4.8rem;
  margin:0 0 4.8rem;
  border-bottom:1px solid #dbe6ed;
}
.kvkk-section:last-child{
  margin-bottom:0;
}
.kvkk-section__number{
  width:3rem;
  height:3rem;
  display:grid;
  place-items:center;
  border:1px solid #c7dbe7;
  border-radius:50%;
  color:#2c8abd;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  background:#f9fcfe;
}
.kvkk-section__label{
  margin:.1rem 0 .8rem;
  color:#2f86b6;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.17em;
}
.kvkk-section h2{
  max-width:18ch;
  margin:0 0 1.35rem;
  color:#071d34;
  font-size:clamp(2rem,3.6vw,3.55rem);
  line-height:1.02;
  letter-spacing:-.055em;
}
.kvkk-section>div:last-child>p:not(.kvkk-section__label):not(.kvkk-section__note){
  max-width:56rem;
  color:#506879;
  line-height:1.85;
  font-size:1rem;
}
.kvkk-section strong{color:#163c56}
.kvkk-data-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
}
.kvkk-data-groups section{
  padding:1.65rem;
  border:1px solid #dce8ef;
  border-radius:1rem;
  background:#fff;
  box-shadow:0 .9rem 2.3rem rgba(22,61,84,.045);
}
.kvkk-data-groups section>span,
.kvkk-retention>div>span{
  color:#3c93c1;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.15em;
}
.kvkk-data-groups h3,
.kvkk-retention h3{
  margin:.65rem 0 1rem;
  color:#102d42;
  font-size:1.08rem;
  line-height:1.4;
}
.kvkk-data-groups ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.55rem;
}
.kvkk-data-groups li{
  position:relative;
  padding-left:1rem;
  color:#607888;
  font-size:.9rem;
}
.kvkk-data-groups li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:.28rem;
  height:.28rem;
  border-radius:50%;
  background:#56b9e4;
}
.kvkk-callout{
  display:grid;
  grid-template-columns:10rem 1fr;
  gap:1.4rem;
  margin-top:1rem;
  padding:1.35rem 1.5rem;
  border-left:2px solid #57b8e4;
  background:#eaf5fa;
}
.kvkk-callout strong{
  font-size:.8rem;
  letter-spacing:.02em;
}
.kvkk-callout p{
  margin:0;
  color:#5b7384;
  font-size:.87rem;
  line-height:1.7;
}
.kvkk-list,
.kvkk-rights{
  margin:1.7rem 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.8rem;
}
.kvkk-list li,
.kvkk-rights li{
  position:relative;
  padding:1rem 1rem 1rem 2.6rem;
  border:1px solid #dce7ee;
  border-radius:.85rem;
  background:rgba(255,255,255,.72);
  color:#526c7d;
  line-height:1.7;
}
.kvkk-list li::before,
.kvkk-rights li::before{
  content:"";
  position:absolute;
  left:1rem;
  top:1.48rem;
  width:.58rem;
  height:.58rem;
  border-radius:50%;
  border:2px solid #65bde5;
}
.kvkk-section__note{
  margin:1.2rem 0 0;
  padding:.95rem 1.1rem;
  border-radius:.75rem;
  background:#eef5f8;
  color:#607687;
  font-size:.86rem;
  line-height:1.65;
}
.kvkk-legal-bases{
  display:grid;
  gap:.85rem;
  margin-top:1.8rem;
}
.kvkk-legal-bases>div{
  display:grid;
  grid-template-columns:12rem 1fr;
  gap:1.4rem;
  padding:1.2rem 1.3rem;
  border-top:1px solid #d9e5ec;
}
.kvkk-legal-bases span{
  color:#257fad;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.08em;
}
.kvkk-legal-bases p{
  margin:0;
  color:#5b7282;
  line-height:1.7;
  font-size:.91rem;
}
.kvkk-transfer-status{
  display:flex;
  gap:1.1rem;
  align-items:flex-start;
  margin-top:1.7rem;
  padding:1.25rem 1.4rem;
  border:1px solid #cfe3ed;
  border-radius:1rem;
  background:linear-gradient(135deg,#ecf8fc,#f8fcfe);
}
.kvkk-transfer-status__dot{
  flex:0 0 auto;
  width:.65rem;
  height:.65rem;
  margin-top:.36rem;
  border-radius:50%;
  background:#2aa56c;
  box-shadow:0 0 0 .38rem rgba(42,165,108,.09);
}
.kvkk-transfer-status strong{
  display:block;
  margin-bottom:.2rem;
  color:#173f55;
}
.kvkk-transfer-status p{
  margin:0;
  color:#587484;
  line-height:1.65;
  font-size:.9rem;
}
.kvkk-retention{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1.8rem;
}
.kvkk-retention>div{
  padding:1.6rem;
  border-radius:1rem;
  border:1px solid #dce7ee;
  background:#fff;
}
.kvkk-retention p{
  margin:0;
  color:#5c7484;
  line-height:1.7;
  font-size:.9rem;
}
.kvkk-rights{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.kvkk-section--contact{
  border-bottom:0;
  padding-bottom:0;
}
.kvkk-section--contact a{
  color:#1879ad;
  font-weight:800;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}
.kvkk-section address{
  display:grid;
  gap:.55rem;
  margin-top:1.7rem;
  padding:1.5rem;
  border-radius:1rem;
  background:#082844;
  color:#d9eaf3;
  font-style:normal;
}
.kvkk-section address strong{color:#fff}
.kvkk-section address span{
  max-width:46rem;
  color:#a9c2d1;
  line-height:1.7;
}
.kvkk-section address a{color:#9eddfa}
.contact-form__privacy-note{
  margin:-.1rem 0 .9rem;
  color:rgba(151,179,198,.86);
  font-size:.72rem;
  line-height:1.55;
}
.contact-consent--optional{
  margin-top:-.35rem;
  opacity:.95;
}
.contact-consent--optional span{
  font-size:.75rem;
  line-height:1.58;
}
@media(max-width:1020px){
  .kvkk-hero__grid{grid-template-columns:1fr;align-items:start}
  .kvkk-controller{max-width:35rem}
  .kvkk-body__grid{grid-template-columns:1fr}
  .kvkk-toc{position:relative;top:auto}
  .kvkk-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
}
@media(max-width:760px){
  .kvkk-hero{padding:7.8rem 0 4rem}
  .kvkk-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}
  .kvkk-controller{padding:1.5rem}
  .kvkk-snapshot__grid{grid-template-columns:1fr}
  .kvkk-snapshot__item{min-height:auto;border-right:0;border-bottom:1px solid rgba(139,207,238,.1);padding:1.4rem 0}
  .kvkk-snapshot__item:last-child{border-bottom:0}
  .kvkk-body{padding-top:4rem}
  .kvkk-toc nav{grid-template-columns:1fr}
  .kvkk-section{grid-template-columns:1fr;gap:1rem;padding-bottom:3.5rem;margin-bottom:3.5rem}
  .kvkk-section__number{width:2.55rem;height:2.55rem}
  .kvkk-section h2{font-size:clamp(2rem,9vw,3rem)}
  .kvkk-data-groups,.kvkk-retention,.kvkk-rights{grid-template-columns:1fr}
  .kvkk-callout,.kvkk-legal-bases>div{grid-template-columns:1fr;gap:.6rem}
}
@media(max-width:520px){
  .kvkk-hero__lead{font-size:.94rem}
  .kvkk-controller h2{font-size:.96rem}
  .kvkk-controller p{font-size:.82rem}
  .kvkk-snapshot__item{grid-template-columns:1.8rem 1fr}
  .kvkk-snapshot__item p{font-size:.84rem}
  .kvkk-data-groups section,.kvkk-retention>div{padding:1.25rem}
  .kvkk-list li,.kvkk-rights li{font-size:.88rem}
}
