/* ====== MODERN LANDING TASARIM ====== */
.hero{
  background:linear-gradient(135deg,#0b1220,#141e30 70%);
  border-radius:24px;
}

.exchange-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #0d1526;
  border: 1px solid #1f2937;
  border-radius: 12px;
  padding: 1rem;
  transition: .3s;
}
.exchange-row:hover {
  background: linear-gradient(90deg, #141e30, #0d1526);
  transform: translateY(-2px);
  border-color: #fcd34d;
}
.row-logo {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #1f2937;
  background: #0b1220;
  object-fit: contain;
}
.row-content {
  flex: 1;
}
.row-title {
  font-weight: bold;
  color: #fff;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.row-sub {
  font-size: .85rem;
  color: #9ca3af;
}


.kicker{letter-spacing:.08em;color:#9ca3af}
.badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.4rem .7rem;border-radius:999px;border:1px solid #1f2937;background:#0d1526}
.fancy{border:1px solid #1f2937;border-radius:18px;background:#0b1220}
.card-min{border:1px solid #1f2937;border-radius:14px;background:#0d1526}
.cta{padding:.9rem 1.1rem;border-radius:14px;font-weight:800}
.btn-glow{box-shadow:0 0 12px rgba(252,211,77,.4);transition:.2s}
.btn-glow:hover{box-shadow:0 0 18px rgba(252,211,77,.7);transform:translateY(-1px)}
.iconbox{width:42px;height:42px;border-radius:12px;border:1px solid #1f2937;background:#0d1526;display:flex;align-items:center;justify-content:center}
.step{display:flex;gap:.9rem;align-items:flex-start}
.step .dot{width:10px;height:10px;border-radius:50%;background:var(--primary, #fcd34d);margin-top:.45rem;flex:0 0 10px}
.grid-3{display:grid;gap:1rem}
@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}

/* Exchange kartları */
.exchange-card{background:#0d1526;border:1px solid #1f2937;border-radius:14px;padding:1rem;transition:.25s}
.exchange-card:hover{transform:scale(1.03);box-shadow:0 6px 20px rgba(0,0,0,.6)}
.exlogo{width:56px;height:56px;border-radius:12px;object-fit:contain;background:#0b1220;border:1px solid #1f2937}

/* Stat kartları */
.stat-card{background:#0d1526;border:1px solid #1f2937;border-radius:14px;padding:1rem;text-align:center;transition:.2s}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.5)}


.announce { 
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.1);
  color: #fff;
}
.announce.success { background: rgba(34,197,94,0.1); border-color:#22c55e; }
.announce.error   { background: rgba(239,68,68,0.1); border-color:#ef4444; }
.announce.warning { background: rgba(250,204,21,0.1); border-color:#facc15; }
.announce.info    { background: rgba(59,130,246,0.1); border-color:#3b82f6; }

/* Animasyon */
@keyframes slideDown { from{opacity:0;transform:translateY(-20px);} to{opacity:1;transform:translateY(0);} }
@keyframes fadeOut   { from{opacity:1;} to{opacity:0;transform:translateY(-10px);} }
.animate-slideDown{ animation: slideDown .4s ease forwards; }
.animate-fadeOut{ animation: fadeOut .4s ease forwards; }