/* Uzarlar Çorap – Coming Soon */
:root{
  --bg1:#0f172a;    /* slate-900 */
  --bg2:#1e293b;    /* slate-800 */
  --card:#0b1024cc; /* yarı saydam */
  --text:#e2e8f0;   /* slate-200 */
  --muted:#94a3b8;  /* slate-400 */
  --accent:#E6462A; /* logo kırmızısı */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 600px at 10% -10%, #2563eb33 0%, transparent 60%),
    radial-gradient(900px 600px at 110% 10%, #8b5cf633 0%, transparent 55%),
    linear-gradient(135deg,var(--bg1),var(--bg2));
}

.wrap{
  min-height:100%;
  display:grid;
  place-items:center;
  padding:24px;
}

.card{
  width:min(720px,92vw);
  background:var(--card);
  border:1px solid #1f2937;
  border-radius:22px;
  box-shadow:0 10px 35px rgba(0,0,0,.45);
  padding:clamp(24px,5vw,44px);
  text-align:center;
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(6px);
}

.card::after{
  content:"";
  position:absolute; inset:-2px;
  background:conic-gradient(from 180deg at 50% 50%, #22d3ee, #a78bfa, #22d3ee);
  filter:blur(36px); opacity:.12; z-index:0;
}
.card > *{position:relative; z-index:1}

.logo{
  width:min(220px,60%);
  height:auto;
  margin:0 auto 14px;
  display:block;
}

h1{font-size:clamp(24px,4.4vw,36px); margin:6px 0 8px}
.brand{color:var(--accent); font-weight:700}
.lead{color:var(--muted); font-size:clamp(16px,2.6vw,18px); line-height:1.6}

.contact{margin:22px 0 10px}
.btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid #334155;
  background:#0b1329;
  color:#f8fafc;
  text-decoration:none;
  font-weight:600;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.btn:hover{transform:translateY(-1px); box-shadow:0 8px 20px rgba(0,0,0,.35); border-color:#475569}

.foot{color:#64748b; font-size:13px; margin-top:18px}

/* Trendyol Butonu */
.btn.trendyol {
  background: #ff671f;   /* Trendyol turuncusu */
  border-color: #ff671f;
}
.btn.trendyol:hover {
  background: #e55b19;
  border-color: #e55b19;
}