<!doctype html>
<html lang="tr">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="robots" content="noindex,nofollow" />
  <title>Alan adı kayıt edildi</title>
  <style>
    :root{
      --bg1:#0b1220;
      --bg2:#101a33;
      --text:#eaf0ff;
      --muted:rgba(234,240,255,.72);
      --line:rgba(234,240,255,.14);
      --shadow: 0 18px 60px rgba(0,0,0,.45);
      --radius: 18px;
      --max: 980px;
      --accent:#00b9f2;
    }

    *{ box-sizing:border-box; }
    html,body{ height:100%; }
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
      color:var(--text);
      background:
        radial-gradient(1200px 700px at 15% 20%, rgba(0,185,242,.22), transparent 60%),
        radial-gradient(900px 600px at 85% 35%, rgba(236,0,140,.18), transparent 62%),
        radial-gradient(900px 600px at 40% 95%, rgba(190,215,48,.14), transparent 65%),
        linear-gradient(160deg, var(--bg1), var(--bg2));
      display:flex;
      align-items:center;
      justify-content:center;
      padding: 28px 16px;
    }

    .wrap{ width:100%; max-width:var(--max); }

    .card{
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border:1px solid var(--line);
      box-shadow: var(--shadow);
      border-radius: var(--radius);
      overflow:hidden;
    }

    .top{
      display:flex;
      gap:18px;
      align-items:center;
      justify-content:space-between;
      padding: 18px 22px;
      border-bottom: 1px solid var(--line);
      background: rgba(0,0,0,.18);
    }

    .brand{
      display:flex;
      align-items:center;
      gap:14px;
      min-width: 0;
    }

    .logo{
      width: 210px;
      max-width: 44vw;
      height: auto;
      display:block;
      background: rgba(255,255,255,.92);
      border-radius: 12px;
      padding: 10px 12px;
      border: 1px solid rgba(255,255,255,.2);
    }
    .logo svg{ width:100%; height:auto; display:block; }

    .domain{ text-align:right; min-width:0; }
    .domain .label{
      font-size: 12px;
      letter-spacing:.12em;
      text-transform:uppercase;
      color: var(--muted);
    }
    .domain .value{
      margin-top:6px;
      font-weight: 700;
      font-size: 18px;
      white-space: nowrap;
      overflow:hidden;
      text-overflow: ellipsis;
    }

    .content{ padding: 26px 22px 20px; }

    h1{
      margin:0;
      font-size: 28px;
      line-height: 1.2;
      letter-spacing:-.02em;
    }

    .subtitle{
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.6;
      max-width: 70ch;
    }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-top: 18px;
      padding: 10px 12px;
      border: 1px solid var(--line);
      background: rgba(0,0,0,.18);
      border-radius: 999px;
      color: var(--muted);
      font-size: 14px;
    }

    .dot{
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: var(--accent);
      box-shadow: 0 0 0 6px rgba(0,185,242,.12);
      flex: 0 0 auto;
    }

    .grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 18px;
    }

    .box{
      border:1px solid var(--line);
      background: rgba(0,0,0,.16);
      border-radius: 14px;
      padding: 14px 14px 12px;
      min-height: 92px;
    }

    .box h2{
      margin:0;
      font-size: 14px;
      letter-spacing:.04em;
      text-transform: uppercase;
      color: rgba(234,240,255,.85);
    }

    .box p{
      margin: 8px 0 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
    }

    .actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top: 18px;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding: 11px 14px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.06);
      color: var(--text);
      text-decoration:none;
      font-weight: 600;
      font-size: 14px;
      transition: transform .08s ease, background .15s ease, border-color .15s ease;
      user-select:none;
    }
    .btn:hover{
      background: rgba(255,255,255,.10);
      border-color: rgba(234,240,255,.24);
      transform: translateY(-1px);
    }
    .btn.primary{
      background: linear-gradient(135deg, rgba(0,185,242,.22), rgba(247,147,30,.14));
      border-color: rgba(0,185,242,.38);
    }

    .footer{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
      padding: 14px 22px;
      border-top:1px solid var(--line);
      color: rgba(234,240,255,.58);
      font-size: 12px;
      background: rgba(0,0,0,.12);
      flex-wrap:wrap;
    }

    @media (max-width: 720px){
      .top{ align-items:flex-start; }
      .domain{ text-align:left; }
      .grid{ grid-template-columns: 1fr; }
      h1{ font-size: 24px; }
      .logo{ width: 200px; }
    }
  </style>
</head>

<body>
  <main class="wrap">
    <section class="card" role="region" aria-label="Alan adı bilgilendirme">
      <header class="top">
        <div class="brand" aria-label="hosting.com.tr logo">
          <div class="logo" aria-hidden="true">
            <?xml version="1.0" encoding="UTF-8"?>
            <svg id="katman_2" data-name="katman 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 211.18 55">
              <g id="Logo">
                <g id="Layer_5" data-name="Layer 5">
                  <g id="Layer_12_Görüntü" data-name="Layer 12 Görüntü">
                    <g>
                      <g>
                        <path d="M84.83,28.14c.72-1.57,1.61-2.7,2.69-3.41,1.08-.71,2.36-1.06,3.86-1.06,2.16,0,3.81.67,4.97,2.01,1.15,1.34,1.73,3.29,1.73,5.87v12.99h-5.27v-11.48c0-3.6-1.21-5.4-3.63-5.4-1.28,0-2.31.55-3.1,1.66-.78,1.11-1.18,2.52-1.18,4.25v10.97h-5.29v-28.11h5.29v7.67c0,1.38-.05,2.72-.15,4.03h.08Z" fill="#333"/>
                        <path d="M122.12,34.27c0,3.32-.92,5.92-2.75,7.81-1.83,1.89-4.37,2.83-7.6,2.83s-5.66-.95-7.47-2.84c-1.81-1.89-2.71-4.5-2.71-7.8s.9-5.89,2.71-7.77c1.81-1.89,4.33-2.83,7.58-2.83s5.86.91,7.61,2.74c1.75,1.83,2.63,4.45,2.63,7.87ZM116.59,34.27c0-2.44-.4-4.21-1.19-5.3-.79-1.1-1.94-1.65-3.44-1.65-3.21,0-4.82,2.32-4.82,6.95,0,2.29.39,4.02,1.18,5.22s1.92,1.79,3.4,1.79c3.25,0,4.87-2.34,4.87-7.01Z" fill="#333"/>
                        <path d="M143.1,38.55c0,1.98-.81,3.54-2.42,4.67-1.61,1.13-3.84,1.7-6.69,1.7s-4.94-.45-6.43-1.33c-1.49-.89-2.48-2.28-2.96-4.16l4.65-.7c.26.97.72,1.66,1.36,2.06s1.77.61,3.38.61c1.48,0,2.56-.19,3.24-.57.68-.38,1.02-.97,1.02-1.78,0-.66-.27-1.18-.82-1.56-.55-.38-1.47-.71-2.78-.98-2.99-.59-5-1.15-6.04-1.66-1.04-.51-1.83-1.17-2.38-1.99s-.82-1.82-.82-3c0-1.96.75-3.48,2.25-4.57s3.62-1.64,6.37-1.64c2.42,0,4.37.47,5.84,1.42,1.47.95,2.39,2.32,2.76,4.11l-4.69.49c-.15-.83-.52-1.46-1.11-1.87s-1.52-.62-2.8-.62-2.2.16-2.82.48c-.63.32-.94.86-.94,1.62,0,.59.24,1.06.72,1.41.48.35,1.29.63,2.44.86,1.59.33,3.01.67,4.24,1.01,1.24.35,2.23.76,2.97,1.24.75.48,1.34,1.1,1.79,1.85.45.75.67,1.71.67,2.89Z" fill="#333"/>
                        <path d="M152.2,44.88c-1.56,0-2.75-.43-3.59-1.28-.84-.85-1.26-2.14-1.26-3.87v-12.08h-2.58v-3.6h2.84l1.66-4.81h3.31v4.81h3.86v3.6h-3.86v10.64c0,1,.19,1.73.56,2.21s.96.71,1.75.71c.41,0,1-.09,1.77-.26v3.3c-1.31.43-2.79.64-4.46.64Z" fill="#333"/>
                        <path d="M159.43,20.35v-3.92h5.29v3.92h-5.29ZM159.43,44.54v-20.49h5.29v20.49h-5.29Z" fill="#333"/>
                        <path d="M182.95,44.54v-11.5c0-3.6-1.21-5.4-3.63-5.4-1.28,0-2.31.55-3.1,1.66s-1.18,2.52-1.18,4.25v10.99h-5.29v-15.91c0-1.1-.02-2-.05-2.7-.03-.7-.07-1.33-.1-1.88h5.04c.04.24.09.88.15,1.92.06,1.04.09,1.76.09,2.15h.08c.72-1.57,1.61-2.7,2.69-3.41s2.37-1.06,3.86-1.06c2.16,0,3.81.67,4.97,2.01s1.73,3.3,1.73,5.87v13.01h-5.27Z" fill="#333"/>
                        <path d="M201.44,52.76c-2.48,0-4.48-.48-5.99-1.43s-2.44-2.31-2.79-4.08l5.29-.63c.19.82.59,1.46,1.21,1.93.62.47,1.43.7,2.44.7,1.47,0,2.54-.45,3.22-1.36.68-.91,1.02-2.26,1.02-4.05v-1.08l.04-2.03h-.04c-1.17,2.51-3.35,3.77-6.55,3.77-2.37,0-4.21-.9-5.51-2.69s-1.96-4.36-1.96-7.69.67-5.93,2.01-7.75c1.34-1.82,3.29-2.73,5.85-2.73,2.96,0,5.01,1.23,6.15,3.69h.09c0-.44.03-1.04.08-1.8.06-.76.12-1.26.18-1.5h5.01c-.08,1.36-.11,2.94-.11,4.74v15.13c0,2.92-.82,5.12-2.46,6.61-1.64,1.49-4.03,2.23-7.17,2.23ZM205.86,34.01c0-2.11-.37-3.75-1.12-4.93-.75-1.18-1.81-1.77-3.19-1.77-2.82,0-4.23,2.27-4.23,6.82s1.4,6.69,4.2,6.69c1.41,0,2.48-.59,3.23-1.77.75-1.18,1.12-2.86,1.12-5.03Z" fill="#333"/>
                      </g>
                      <g>
                        <polygon points="66.23 41.5 46.93 49.83 27.63 41.5 21.73 44.6 46.93 55 72.13 44.6 66.23 41.5" fill="#bed730"/>
                        <polygon points="66.23 34.25 46.93 42.58 27.63 34.25 21.73 37.35 46.93 47.75 72.13 37.35 66.23 34.25" fill="#f7931e"/>
                        <polygon points="66.23 27.23 46.93 35.56 27.63 27.23 21.73 30.33 46.93 40.73 72.13 30.33 66.23 27.23" fill="#ec008c"/>
                        <path d="M72.12,23.1l-25.19,10.4-25.2-10.4,3.55-1.6h11.83c2.69,0,4.87-2.18,4.87-4.87v-2.65l4.95-2.23,25.19,11.35Z" fill="#00b9f2"/>
                        <rect x="24.93" y="5" width="14.05" height="13.5" rx="3" ry="3" fill="#bed730"/>
                        <path d="M13.69,0h5.93c.7,0,1.26.57,1.26,1.26v5.98c0,.7-.57,1.26-1.26,1.26h-5.93c-.7,0-1.26-.57-1.26-1.26V1.26c0-.7.57-1.26,1.26-1.26Z" fill="#ec008c"/>
                        <rect y="4" width="7.4" height="7" rx="1.02" ry="1.02" fill="#00b9f2"/>
                        <rect x="8.43" y="13.5" width="11.06" height="10.03" rx="1.41" ry="1.41" fill="#f8931f"/>
                      </g>
                    </g>
                  </g>
                </g>
              </g>
            </svg>
          </div>
        </div>

        <div class="domain">
          <div class="label">Alan adı</div>
          <div class="value" id="domainValue">—</div>
        </div>
      </header>

      <div class="content">
        <h1 id="headline">Bu alan adı hosting.com.tr üzerinden kayıt edilmiştir.</h1>
        <p class="subtitle">
          Bu sayfa, alan adının aktif olduğunu ve kayıt işleminin tamamlandığını belirtir. Web siteniz henüz yayında değilse,
          barındırma (hosting) ve e‑posta kurulumunu tamamladıktan sonra içerikleriniz görüntülenmeye başlayacaktır.
        </p>

        <div class="pill" aria-label="Durum">
          <span class="dot" aria-hidden="true"></span>
          <span><strong>Durum:</strong> Alan adı kayıt edildi / Park edildi</span>
        </div>

        <div class="grid" role="list" aria-label="Bilgilendirme kutuları">
          <div class="box" role="listitem">
            <h2>Web sitesi</h2>
            <p>DNS yönlendirmeleri yapıldıktan sonra siteniz yayınlanır. Gerekirse nameserver ve A/AAAA kayıtlarını kontrol edin.</p>
          </div>
          <div class="box" role="listitem">
            <h2>E‑posta</h2>
            <p>Kurumsal e‑posta için MX, SPF, DKIM ve DMARC kayıtlarını tanımlayın; teslimat sorunlarını azaltın.</p>
          </div>
        </div>

        <div class="actions" aria-label="Bağlantılar">
          <a class="btn primary" href="https://hosting.com.tr" rel="noopener">hosting.com.tr’ye git</a>
          <a class="btn" href="https://www.hosting.com.tr/destek/" rel="noopener">Destek</a>
        </div>
      </div>

      <footer class="footer">
        <div>© <span id="y"></span> hosting.com.tr</div>
        <div><span>Bu sayfa otomatik bilgilendirme sayfasıdır.</span></div>
      </footer>
    </section>
  </main>

  <script>
    (function () {
      // Alan adını otomatik al (örn: www.test.com -> test.com)
      var host = (window.location.hostname || '').toLowerCase();
      host = host.replace(/^www\./, '');

      // Lokal dosyada (file://) test ediyorsan host boş olabilir:
      if (!host || host === 'localhost' || host === '127.0.0.1') {
        host = 'alanadiniz.com';
      }

      document.getElementById('domainValue').textContent = host;
      document.getElementById('headline').textContent =
        host + ' alan adı kayıt edilmiştir.';

      document.getElementById('y').textContent = new Date().getFullYear();
      document.title = host + ' - Alan adı kayıt edildi';
    })();
  </script>
</body>
</html>
