/* ===== Borsa.me Coming Soon – Premium Tema (Palette: Purple→Teal) ===== */

/* Renk Değişkenleri (logoya uyumlu) */
:root{
  /* Arka plan tonları */
  --bg-1:#0b0f1a;       /* koyu lacivert */
  --bg-2:#0e2534;       /* turkuaza dönen lacivert */
  --glass:#0f172acc;    /* cam panel */

  /* Metin ve vurgu */
  --txt:#f2f6ff;
  --muted:#a8b3c7;

  /* Marka gradyanı (BORSA.png paleti) */
  --brand-start:#7b61ff; /* mor */
  --brand-end:#2fe0c9;   /* turkuaz */
  --brand: #7b61ff;      /* tek renk olarak kullanılacaksa */
  --accent:#2fe0c9;
  --danger:#ff6b6b;

  /* UI */
  --ring: 0 0 0 3px color-mix(in oklab, var(--brand-start), transparent 70%);
  --radius: 18px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Kısa reset */
*{box-sizing:border-box}html,body{height:100%}
body{
  margin:0; color:var(--txt);
  background: linear-gradient(180deg, var(--bg-1), var(--bg-2));
  font: 16px/1.6 ui-sans-serif, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
h1,h2{line-height:1.2; margin:0 0 .5rem}
p{margin:.5rem 0 1rem}
img{max-width:100%; height:auto; border:0}

/* Erişilebilirlik */
.skip-link{position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-link:focus{left:12px; top:12px; background:#000; color:#fff; padding:.5rem .75rem; border-radius:.5rem}

/* Arka Plan efektleri */
.bg{position:fixed; inset:0; z-index:-1; overflow:hidden}
.bg__layer{position:absolute; inset:-20%; filter:blur(70px); opacity:.40; transform:translateZ(0)}
.bg__layer--1{background:conic-gradient(from 90deg at 30% 30%, var(--brand-start), #7c3aed, var(--brand-end), var(--brand-start)); animation:spin 36s linear infinite}
.bg__layer--2{background:radial-gradient(1200px 800px at 70% 60%, var(--accent), transparent 60%), radial-gradient(900px 700px at 20% 20%, #0ea5e9, transparent 55%)}
.bg__noise{position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E"); mix-blend-mode:overlay; opacity:.4}
@keyframes spin{to{transform:rotate(360deg)}}

/* Kap */
.shell{max-width:1100px; margin-inline:auto; padding: clamp(16px, 2.2vw, 28px);}

/* Header */
.site-header{
  position:sticky; top:0; z-index:10;
  backdrop-filter:saturate(1.2) blur(12px);
  background:linear-gradient(to bottom, rgba(9,13,22,.65), rgba(9,13,22,0));
}
.brand{display:flex; align-items:center; gap:14px; font-weight:700; letter-spacing:.2px}
.brand__logo-img{
  height:40px; width:auto; display:block; border-radius:10px;
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}
.brand__name{font-size:1.15rem}
.brand__name span{opacity:.9}

/* Etiketler (cam/çerçeve) */
.nav ul{display:flex; gap:12px; list-style:none; padding:0; margin:0; flex-wrap:wrap}
.tag{
  display:inline-block; padding:.42rem .9rem; border-radius:999px;
  background: color-mix(in oklab, var(--brand-end), transparent 90%);
  color:var(--txt);
  border:1px solid color-mix(in oklab, var(--brand-end), transparent 55%);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--brand-start), transparent 80%);
}

/* Hero */
.hero{padding: clamp(60px, 10vw, 120px) 0 48px}
.hero__title{font-size: clamp(1.9rem, 3.7vw, 3.1rem)}
.hero__lead{max-width:760px; color:var(--muted); font-size:1.06rem}

/* CTA formu */
.cta{display:flex; flex-direction:column; gap:16px; margin-top:20px}
.form{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.form input{
  flex:1 1 280px; border:1px solid color-mix(in oklab, var(--brand-start), transparent 55%);
  background:linear-gradient( to bottom, #0f172a, #0b1223 ); color:var(--txt);
  padding:.9rem 1rem; border-radius:12px; outline:none;
}
.form input:focus{box-shadow: var(--ring); border-color: var(--brand-start)}
.btn{
  padding:.9rem 1.1rem; border-radius:12px;
  border:1px solid color-mix(in oklab, var(--brand-end), transparent 45%);
  background:linear-gradient(135deg, color-mix(in oklab, var(--brand-end), white 12%), color-mix(in oklab, var(--brand-start), black 5%));
  color:#061016; font-weight:700; cursor:pointer; box-shadow: var(--shadow);
}
.btn:hover{transform:translateY(-1px)}
.form__msg{min-height:1.2rem; color:var(--accent); margin:0}

/* Bilgilendirme bandı */
.notice{
  margin-top:18px; padding:.85rem 1rem; border-radius:12px;
  background: color-mix(in oklab, var(--glass), transparent 0%);
  border:1px solid color-mix(in oklab, var(--brand-start), transparent 70%);
  color: var(--muted);
}

/* Countdown etiketi */
.eta{color:var(--muted); font-size:.95rem}
.eta span{padding:.25rem .6rem; border-radius:999px; border:1px dashed color-mix(in oklab, var(--muted), transparent 60%)}

/* Ticker */
.ticker{margin-top:22px; border:1px solid color-mix(in oklab, var(--brand-start), transparent 70%); border-radius:999px; background:rgba(3,7,18,.55); overflow:hidden}
.ticker__track{display:flex; gap:28px; padding:.6rem 1rem; white-space:nowrap; animation:ticker 40s linear infinite}
.ticker__track span{opacity:.95}
.ticker__track b{
  background: linear-gradient(90deg, var(--brand-start), var(--brand-end));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
@keyframes ticker{ 0% { transform:translateX(0) } 100% { transform: translateX(-50%) } }

/* Özellikler */
.features{padding:36px 0 24px}
.grid{display:grid; gap:16px; grid-template-columns: repeat(4, minmax(0,1fr))}
@media (max-width:1024px){ .grid{grid-template-columns: repeat(2, minmax(0,1fr));} }
@media (max-width:640px){ .grid{grid-template-columns: 1fr;} }

.card{
  background:linear-gradient(180deg, color-mix(in oklab, var(--glass), transparent 0%), color-mix(in oklab, var(--glass), transparent 8%));
  border:1px solid color-mix(in oklab, var(--brand-start), transparent 75%);
  border-radius: var(--radius); padding:18px; box-shadow: var(--shadow);
}
.card h2{font-size:1.12rem; margin-bottom:.25rem}
.card p{color:var(--muted)}

/* SEO bölümü */
.seo{padding:18px 0 56px}
.seo .shell{max-width:900px}
.seo p{color:var(--muted)}

/* Footer */
.site-footer{border-top:1px solid color-mix(in oklab, var(--brand-start), transparent 80%); background:rgba(5,10,18,.55); backdrop-filter: blur(6px)}
.footer__grid{display:flex; align-items:center; justify-content:space-between; gap:20px}
.footer__brand{color:var(--muted)}
.footer__grid ul{display:flex; gap:14px; list-style:none; padding:0; margin:0}
.footer__grid a[aria-disabled="true"]{opacity:.6; pointer-events:none}

/* Erişilebilirlik yardımcıları */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}