:root{
  --paper:#EDF1F4; --card:#FFFFFF; --ink:#1C2A38; --navy:#1F3A5F;
  --stamp:#A8322D; --line:#C9D2DB; --muted:#5E6B78; --ok:#2E6B4A;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Noto Serif","Noto Naskh Arabic","Songti SC",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font:16px/1.6 var(--sans);
  padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);
  min-height:100vh; display:flex; flex-direction:column;
}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--navy); outline-offset:2px; border-radius:4px}

/* üst şerit */
.top{
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  max-width:1120px; width:100%; margin:0 auto; padding:18px 22px;
}
.brand{font-family:var(--serif); font-size:17px; color:var(--muted)}
.langs{display:flex; gap:4px; flex-wrap:wrap}
.langs a{
  text-decoration:none; font-size:14px; color:var(--muted);
  padding:6px 10px; border-radius:6px; border:1px solid transparent;
}
.langs a:hover{color:var(--ink); border-color:var(--line)}
.langs a[aria-current]{color:var(--navy); border-color:var(--navy); background:var(--card)}

/* ana düzen */
.wrap{
  flex:1; width:100%; max-width:1120px; margin:0 auto;
  padding:32px 22px 56px;
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:56px; align-items:start;
}

/* sol: "tapu" */
.deed{padding-top:28px}
.domain{
  font-family:var(--serif); font-weight:600; color:var(--navy);
  font-size:clamp(38px,7.4vw,86px); line-height:1.02; letter-spacing:-.02em;
  margin:0; overflow-wrap:anywhere; direction:ltr; text-align:start; unicode-bidi:isolate;
}
.stamp{
  display:inline-block; margin:22px 0 0; padding:6px 18px 7px;
  font-family:var(--serif); font-style:italic; font-size:clamp(22px,3vw,30px); color:var(--stamp);
  border:3px double var(--stamp); border-radius:6px; transform:rotate(-4deg);
  animation:stamp .55s cubic-bezier(.2,1.4,.4,1) .25s both;
}
[dir=rtl] .stamp{transform:rotate(4deg); font-style:normal; animation-name:stamp-rtl}
@keyframes stamp{from{opacity:0; transform:scale(1.6) rotate(-9deg)} to{opacity:1; transform:scale(1) rotate(-4deg)}}
@keyframes stamp-rtl{from{opacity:0; transform:scale(1.6) rotate(9deg)} to{opacity:1; transform:scale(1) rotate(4deg)}}

.lead{font-size:18px; max-width:34em; margin:28px 0 30px; color:var(--ink)}

.price{
  display:flex; align-items:baseline; gap:14px; flex-wrap:wrap;
  padding:16px 0; border-block:1px solid var(--line); max-width:34em;
}
.price-k{color:var(--muted); font-size:15px}
.price-v{font-family:var(--serif); font-size:26px; color:var(--ink)}

.facts{list-style:none; margin:22px 0 0; padding:0; max-width:34em}
.facts li{position:relative; padding-inline-start:24px; margin:10px 0; color:var(--muted)}
.facts li::before{
  content:""; position:absolute; inset-inline-start:2px; top:.55em;
  width:9px; height:9px; border:2px solid var(--navy); border-radius:50%;
}

/* sağ: form */
.panel{
  position:relative;
  background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:30px 28px 26px;
}
.panel h2{font-family:var(--serif); font-weight:600; font-size:24px; margin:0 0 20px; color:var(--ink)}
.field{margin-bottom:16px}
.field label{display:block; font-size:14px; font-weight:600; margin-bottom:6px}
.opt{font-weight:400; color:var(--muted)}
.field input,.field textarea{
  width:100%; font:inherit; font-size:16px; color:var(--ink);
  background:#FAFBFC; border:1px solid var(--line); border-radius:8px; padding:11px 12px;
  transition:border-color .15s, background .15s;
}
.field textarea{resize:vertical; min-height:96px}
.field input:focus,.field textarea:focus{outline:none; border-color:var(--navy); background:#fff; box-shadow:0 0 0 3px rgba(31,58,95,.14)}
.field input[aria-invalid=true]{border-color:var(--stamp)}
.captcha{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.captcha img{display:block; border:1px solid var(--line); border-radius:8px; background:#F3F5F8; width:160px; height:56px}
.cap-new{
  display:grid; place-items:center; width:44px; height:44px; flex:none; cursor:pointer;
  color:var(--navy); background:var(--card); border:1px solid var(--line); border-radius:8px;
}
.cap-new:hover{border-color:var(--navy)}
.captcha input{flex:1 1 110px; min-width:110px; font-size:22px!important; letter-spacing:.35em; text-align:center}
.err{color:var(--stamp); font-size:13px; margin:6px 0 0}
.hp{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; opacity:0; pointer-events:none}
.cf-turnstile{margin:6px 0 14px}

.btn{
  width:100%; font:inherit; font-weight:600; font-size:16px; cursor:pointer;
  color:#fff; background:var(--navy); border:0; border-radius:8px; padding:13px 18px;
  transition:background .15s, transform .05s;
}
.btn:hover{background:#17304F}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.65; cursor:progress}
.status{min-height:1.4em; margin:12px 0 0; font-size:14px}
.status.ok{color:var(--ok)}
.status.bad{color:var(--stamp)}
form.done .field, form.done .btn{display:none}
form.done .status{font-size:16px; padding:14px; background:#EEF6F1; border-radius:8px}

.foot{
  max-width:1120px; width:100%; margin:0 auto; padding:18px 22px 26px;
  font-size:12.5px; color:var(--muted); border-top:1px solid var(--line);
}
.foot p{margin:4px 0; max-width:70em}

/* mobil */
@media (max-width:880px){
  .wrap{grid-template-columns:1fr; gap:36px; padding-top:12px}
  .deed{padding-top:8px}
  .lead{font-size:17px}
  .panel{padding:24px 18px 20px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important; transition:none!important}
}
[dir=rtl] .domain{text-align:right}