@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@400;600&display=swap');

:root{
  --bosluk:#060504;
  --derin:#0c0a07;
  --panel:#0f0d09;
  --altin:#c6952c;
  --altin-parlak:#f4cf7a;
  --altin-soluk:#5c4820;
  --parsomon:#ece3cc;
  --soluk:#948c78;
  --cam:rgba(212,175,116,0.055);
  --cam-koyu:rgba(212,175,116,0.09);
  --kenarlik-cam:rgba(212,175,116,0.16);
  --hata:#e1553f;
  --tamam:#8fae6b;
  --kavis:18px;
}

[data-theme="light"] {
  --bosluk:#fcfaf5;
  --derin:#f5ebd1;
  --panel:#ede0c0;
  --altin:#a37213;
  --altin-parlak:#8c610f;
  --altin-soluk:#d9c59c;
  --parsomon:#3a2d16;
  --soluk:#7d6948;
  --cam:rgba(212,175,116,0.15);
  --cam-koyu:rgba(212,175,116,0.25);
  --kenarlik-cam:rgba(212,175,116,0.35);
  --hata:#cc3333;
  --tamam:#2c9950;
  --kavis:18px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%;width:100%;}

body{
  background:
    radial-gradient(ellipse 80% 60% at 15% 0%, rgba(198,149,44,0.07), transparent 60%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgba(198,149,44,0.05), transparent 60%),
    var(--bosluk);
  color:var(--parsomon);
  font-family:'Space Grotesk', sans-serif;
  min-height:100vh;
  overflow-x:hidden;
  position:relative;
}

::selection{ background:var(--altin-soluk); color:var(--parsomon); }

a, button{ font-family:inherit; }

#toz-tuvali{
  position:fixed; inset:0; width:100%; height:100%;
  z-index:0; pointer-events:none; opacity:.55;
}

.toz-parcacigi {
  position: absolute;
  background: var(--altin-parlak);
  border-radius: 50%;
  opacity: 0.1;
  box-shadow: 0 0 4px var(--altin-parlak);
  animation: suruklenme linear infinite, nabiz ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes suruklenme {
  0% { transform: translateY(0) translateX(0); }
  100% { transform: translateY(-100vh) translateX(30px); }
}
@keyframes nabiz {
  0% { opacity: 0.1; transform: scale(0.8); }
  100% { opacity: 0.6; transform: scale(1.5); }
}

/* ---------- background letters ---------- */
.mektup-alani{
  position:fixed; inset:0; z-index:1;
  pointer-events:none; overflow:hidden;
}

.arka-mektup{
  position:absolute;
  width:58px; height:40px;
  border-radius:5px;
  background: linear-gradient(160deg, rgba(198,149,44,.32), rgba(198,149,44,.08));
  border:1px solid rgba(212,175,116,.55);
  box-shadow: 0 0 26px rgba(244,207,122,.22), inset 0 0 12px rgba(0,0,0,.25);
  will-change: transform, opacity, filter;
  animation: yuzme 20s infinite ease-in-out alternate;
  opacity: 0.25;
}
.arka-mektup::before{
  content:'';
  position:absolute; inset:0;
  clip-path: polygon(0 0, 50% 55%, 100% 0);
  background: linear-gradient(165deg, rgba(198,149,44,.4), rgba(198,149,44,.1));
  border-bottom:1px solid rgba(212,175,116,.4);
  border-radius:5px 5px 0 0;
}
.arka-mektup::after{
  content:'';
  position:absolute; left:12px; right:12px; bottom:8px; height:1px;
  background: rgba(236,227,204,.35);
  box-shadow: 0 6px 0 rgba(236,227,204,.22), 0 12px 0 rgba(236,227,204,.12);
}

[data-theme="light"] .arka-mektup {
  background: linear-gradient(160deg, rgba(163,114,19,.2), rgba(163,114,19,.05));
  border: 1px solid rgba(163,114,19,.3);
  box-shadow: 0 0 26px rgba(163,114,19,.15), inset 0 0 12px rgba(255,255,255,.5);
}
[data-theme="light"] .arka-mektup::before {
  background: linear-gradient(165deg, rgba(163,114,19,.25), rgba(163,114,19,.05));
  border-bottom: 1px solid rgba(163,114,19,.3);
}
[data-theme="light"] .arka-mektup::after {
  background: rgba(163,114,19,.3);
  box-shadow: 0 6px 0 rgba(163,114,19,.2), 0 12px 0 rgba(163,114,19,.1);
}
[data-theme="light"] .kumlanma {
  opacity: 0.05;
}

.sayac-rozet{
  position:absolute; top:-12px; right:-12px;
  width:25px; height:25px; border-radius:50%;
  background: var(--derin);
  border:1px solid var(--altin-parlak);
  color:var(--altin-parlak);
  font-family:'JetBrains Mono', monospace;
  font-size:.68rem;
  font-weight:500;
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 0 14px rgba(244,207,122,.5);
}

@keyframes yuzme {
    0% { transform: translateY(0px) rotate(0deg); }
    100% { transform: translateY(-30px) rotate(15deg); }
}

@keyframes firlatma {
    0% { transform: scale(1) translate(0, 0) rotateX(0); opacity: 0.8; }
    20% { 
        transform: scale(0.9) translate(calc(var(--shoot-x) * -0.05), calc(var(--shoot-y) * -0.05)) rotateX(20deg); 
        opacity: 1; 
        box-shadow: 0 0 30px var(--altin-parlak); 
    }
    100% { 
        transform: scale(0) translate(var(--shoot-x), var(--shoot-y)) rotate(720deg) rotateX(85deg); 
        opacity: 0; 
    }
}
.firlatma {
    animation: firlatma 1.5s cubic-bezier(0.5, 0, 0.2, 1) forwards !important;
}

.kumlanma{
  position:fixed; inset:0; z-index:2; pointer-events:none;
  opacity:.035; 
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

.ust-cubuk{
  position:relative; z-index:3;
  display:flex; align-items:center; justify-content:space-between;
  padding: clamp(20px,4vw,42px) clamp(20px,6vw,64px) 0;
}
.isaret{
  font-family:'Montez', cursive; font-size:2.4rem; font-weight:400; letter-spacing:.05em;
  color:var(--altin-parlak); display:flex; align-items:center; gap:10px;
}
.isaret span.halka{
  width:9px;height:9px;border-radius:50%;border:1px solid var(--altin-parlak);
  box-shadow:0 0 8px var(--altin-parlak);
}
.ust-cubuk .saat-yazisi{
  font-family:'JetBrains Mono', monospace; font-size:.72rem; color:var(--soluk);
  letter-spacing:.12em; text-transform:uppercase;
}

.sahne{ position:relative; z-index:3; max-width:1320px; margin:0 auto; padding: clamp(24px,5vw,60px); }

.duzen{
  position:relative;
  display:grid;
  grid-template-columns: minmax(280px,1.05fr) minmax(320px,0.95fr);
  grid-template-rows: auto;
  gap: clamp(24px, 5vw, 60px);
  align-items:start;
  padding-top: 4vh;
}

/* ---------- info panel ---------- */
.bilgi-paneli{ position:relative; z-index:2; grid-column:1; grid-row:1; padding-top: 2vh; }

.rozet{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'JetBrains Mono', monospace; font-size:.7rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--altin-parlak);
  border:1px solid var(--kenarlik-cam); padding:7px 14px; border-radius:100px;
  background:var(--cam);
}
.rozet::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--altin-parlak); box-shadow:0 0 8px var(--altin-parlak); }

.anabaslik{
  font-family:'Fraunces', serif;
  font-weight:500;
  font-size: clamp(2.2rem, 4.6vw, 3.6rem);
  line-height:1.12;
  letter-spacing:-.01em;
  margin: 26px 0 22px;
  max-width: 13ch;
  color:var(--parsomon);
}
.anabaslik em{
  font-family:'Montez', cursive; font-weight:400; color:var(--altin-parlak); font-size: 1.6em;
}

.giris-yazisi{
  font-size:1.02rem; line-height:1.7; color:var(--soluk);
  max-width:46ch; margin:0 0 40px;
}

.istatistikler{ display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
.istatistik{ display:flex; flex-direction:column; gap:4px; }
.istatistik-sayi{
  font-family:'JetBrains Mono', monospace; font-size:1.7rem; font-weight:500;
  color:var(--altin-parlak);
}
.istatistik-etiket{
  font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--soluk);
}
.istatistik-ayirici{ width:1px; height:34px; background:var(--kenarlik-cam); }

/* ---------- form panel ---------- */
.form-paneli{
  position:relative; z-index:2;
  grid-column:2; grid-row:1;
  transform: translateY(7vh);
}

.kapsul-form{
  position:relative;
  background: linear-gradient(160deg, var(--cam-koyu), var(--cam));
  border:1px solid var(--kenarlik-cam);
  border-radius: var(--kavis);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  padding: clamp(24px, 3vw, 38px);
  box-shadow: 0 30px 80px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04);
}

.form-basligi{
  font-family:'Fraunces', serif; font-weight:500; font-style:italic;
  font-size:1.5rem; margin: 0 0 26px; color:var(--parsomon);
}

.alan{ position:relative; margin-bottom:24px; }

.alan input[type="email"],
.alan input[type="text"],
.alan input[type="password"],
.alan input[type="number"],
.alan textarea{
  width:100%;
  background: rgba(255,255,255,.02);
  border:1px solid var(--kenarlik-cam);
  border-radius:12px;
  padding: 20px 16px 10px;
  font-family:'Space Grotesk', sans-serif;
  font-size:.98rem;
  color:var(--parsomon);
  outline:none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
.alan textarea{ min-height:130px; resize:vertical; line-height:1.6; }

.alan label{
  position:absolute; left:16px; top:19px;
  font-size:.98rem; color:var(--soluk);
  pointer-events:none;
  transform-origin:left top;
  transition: transform .22s ease, color .22s ease, top .22s ease;
}

.alan input:focus,
.alan textarea:focus{
  border-color: var(--altin);
  background: rgba(198,149,44,.05);
  box-shadow: 0 0 0 3px rgba(198,149,44,.12), 0 0 24px rgba(244,207,122,.08);
}

.alan input:focus + label,
.alan input:not(:placeholder-shown) + label,
.alan textarea:focus + label,
.alan textarea:not(:placeholder-shown) + label{
  transform: translateY(-10px) scale(.78);
  color: var(--altin-parlak);
  top:12px;
}

.alan-ipucu{
  display:block; font-family:'JetBrains Mono', monospace; font-size:.68rem;
  color: var(--soluk); opacity:.6; margin-top:6px; padding-left:2px;
}

.karakter-sayaci{
  position:absolute; right:14px; bottom:-20px;
  font-family:'JetBrains Mono', monospace; font-size:.68rem; color:var(--soluk);
}
.karakter-sayaci.uyari{ color:var(--hata); }

.alan-etiketi{
  display:block; font-size:.82rem; letter-spacing:.04em; color:var(--soluk);
  margin-bottom:12px; text-transform:uppercase; font-family:'JetBrains Mono', monospace;
}

.tarih-alani{ margin-bottom:26px; }

.tarih-secenekleri{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.tarih-butonu{
  cursor:pointer;
  background: rgba(255,255,255,.02);
  border:1px solid var(--kenarlik-cam);
  color:var(--soluk);
  font-family:'Space Grotesk', sans-serif;
  font-size:.85rem;
  padding:9px 16px;
  border-radius:100px;
  transition: all .25s ease;
  user-select: none;
}
.tarih-butonu:hover{ border-color:var(--altin); color:var(--parsomon); }
.tarih-butonu.aktif{
  background: linear-gradient(160deg, var(--altin-parlak), var(--altin));
  color:#241804; border-color:transparent; font-weight:600;
  box-shadow: 0 0 20px rgba(244,207,122,.35);
}

.ozel-tarih-kapsayici{ margin-bottom:10px; }
.ozel-tarih-kapsayici input[type="date"]{
  width:100%; background:rgba(255,255,255,.02);
  border:1px solid var(--kenarlik-cam); border-radius:12px;
  padding:14px 16px; color:var(--parsomon); font-family:'JetBrains Mono', monospace;
  outline:none;
}
.ozel-tarih-kapsayici input[type="date"]::-webkit-calendar-picker-indicator{ filter:invert(1); opacity:.6; cursor:pointer; }
.ozel-tarih-kapsayici.gizli{ display:none; }

.varis-metni{
  font-family:'JetBrains Mono', monospace; font-size:.8rem; color:var(--altin-parlak);
  background: rgba(198,149,44,.07); border:1px solid var(--kenarlik-cam);
  border-radius:10px; padding:10px 14px; margin:0;
}

.guvenlik-alani label{
  position:static; display:block; font-size:.85rem; color:var(--soluk);
  margin-bottom:10px; transform:none; pointer-events: auto;
}
.guvenlik-alani input{
  width:100%; background:rgba(255,255,255,.02); border:1px solid var(--kenarlik-cam);
  border-radius:12px; padding:14px 16px; color:var(--parsomon); outline:none;
  font-family:'JetBrains Mono', monospace; transition:border-color .3s ease, box-shadow .3s ease;
}
.guvenlik-alani input:focus{ border-color:var(--altin); box-shadow:0 0 0 3px rgba(198,149,44,.12); }
.guvenlik-alani.hata input{ border-color:var(--hata); animation: titreme .34s ease; }
@keyframes titreme{
  0%,100%{ transform:translateX(0); }
  25%{ transform:translateX(-6px); }
  75%{ transform:translateX(6px); }
}

.gonder-butonu{
  position:relative;
  width:100%;
  border:none;
  cursor:pointer;
  padding:18px 20px;
  border-radius:14px;
  font-family:'Space Grotesk', sans-serif;
  font-weight:600;
  font-size:1rem;
  letter-spacing:.02em;
  color:#221703;
  background: linear-gradient(160deg, var(--altin-parlak), var(--altin));
  box-shadow: 0 14px 40px rgba(198,149,44,.28);
  overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  transition: box-shadow .3s ease;
  will-change:transform;
}
.gonder-butonu:hover{ box-shadow: 0 18px 50px rgba(244,207,122,.4); }
.gonder-butonu .buton-parlamasi{
  position:absolute; inset:0; background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.35), transparent 60%);
  opacity:0; transition:opacity .3s ease; pointer-events:none;
}
.gonder-butonu:hover .buton-parlamasi{ opacity:1; }
.gonder-butonu:disabled{ opacity:.6; cursor:progress; }

.form-durumu{
  margin:16px 0 0; font-size:.85rem; min-height:1.2em;
  font-family:'JetBrains Mono', monospace; text-align: center;
}
.form-durumu.tamam{ color:var(--tamam); }
.form-durumu.hata{ color:var(--hata); }

@media (max-width: 900px){
  .duzen{ grid-template-columns:1fr; }
  .bilgi-paneli{ grid-column:1; grid-row:1; }
  .form-paneli{ grid-column:1; grid-row:2; transform:none; margin-top:40px; }
  .anabaslik{ max-width:none; }
}

@media (prefers-reduced-motion: reduce){
  #toz-tuvali{ display:none; }
}

.gorsel-gizli{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ---------- footer ---------- */
.site-altbilgi {
  position: relative; z-index: 3;
  max-width: 1320px; margin: 40px auto 0;
  border-top: 1px solid var(--kenarlik-cam);
  padding: 40px clamp(24px, 5vw, 60px) 20px;
}
.altbilgi-ozellikler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px; margin-bottom: 40px;
}
.ozellik-ogesi {
  display: flex; flex-direction: column; gap: 12px;
}
.ozellik-basligi {
  display: flex; align-items: center; gap: 10px;
  font-family: 'Space Grotesk', sans-serif; font-size: .95rem;
  font-weight: 600; color: var(--altin-parlak); margin: 0;
}
.ozellik-aciklamasi {
  font-size: 0.88rem; line-height: 1.6; color: var(--soluk); margin: 0;
}
.altbilgi-alt {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px;
  border-top: 1px solid var(--kenarlik-cam);
  padding-top: 24px;
}
.altbilgi-telif, .altbilgi-slogan {
  font-size: 0.82rem; color: var(--soluk); font-family: 'Space Grotesk', sans-serif;
}
@media (max-width: 768px) {
  .altbilgi-alt { flex-direction: column; text-align: center; justify-content: center; }
  .ust-cubuk { flex-direction: column; gap: 15px; align-items: center; justify-content: center; text-align: center; }
  .isaret { font-size: 2rem; }
  .ust-cubuk > div:last-child { justify-content: center; width: 100%; flex-wrap: wrap; }
}