*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-sans);
  background:radial-gradient(ellipse at top,rgba(99,102,241,.15),transparent 60%),var(--bg);
  color:var(--text);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
.bg-surface{background:var(--surface)}
.text-muted-2{color:var(--muted)!important}
.brand-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}
.gradient-box{background:var(--gradient-primary)}
.py-6{padding-top:6rem;padding-bottom:6rem}

/* Navbar */
.glass-nav{
  background:rgba(11,15,23,.6);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:all .35s ease;
}
.glass-nav.scrolled{background:rgba(11,15,23,.92);padding-top:.25rem;padding-bottom:.25rem;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.navbar-brand{font-size:1.35rem}
.nav-link{color:var(--text)!important;font-weight:500;position:relative;padding:.5rem .9rem!important}
.nav-link:hover{color:#fff!important}
.nav-link::after{content:"";position:absolute;left:50%;bottom:.2rem;width:0;height:2px;background:var(--gradient-primary);transition:.3s;transform:translateX(-50%)}
.nav-link:hover::after{width:60%}

/* Buttons */
.btn-gradient{
  background:var(--gradient-primary);
  color:#fff!important;border:0;font-weight:600;border-radius:var(--radius);
  box-shadow:0 10px 30px -10px var(--brand-primary);
  transition:transform .25s ease,box-shadow .25s ease;
}
.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px var(--brand-primary)}
.btn-outline-glass{
  background:rgba(255,255,255,.04);color:var(--text);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);font-weight:600;
}
.btn-outline-glass:hover{background:rgba(255,255,255,.08);color:#fff}

/* Glass cards */
.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:calc(var(--radius) + 6px);
  backdrop-filter:blur(14px);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);
}
.badge-soft{
  display:inline-block;padding:.4rem .9rem;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:var(--text);font-size:.85rem;font-weight:500;
}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-glow{position:absolute;inset:0;background:
  radial-gradient(600px circle at 20% 30%,rgba(99,102,241,.25),transparent 60%),
  radial-gradient(500px circle at 80% 70%,rgba(236,72,153,.2),transparent 60%);
  pointer-events:none}
.hero-card .dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-block}
.code-line{height:10px;border-radius:5px;background:rgba(255,255,255,.08);margin:.6rem 0}

/* Services */
.service-card{transition:transform .3s ease,box-shadow .3s ease}
.service-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -20px var(--brand-primary)}
.icon-box{
  width:56px;height:56px;border-radius:14px;display:grid;place-items:center;
  background:var(--gradient-primary);color:#fff;font-size:1.5rem;
  box-shadow:0 10px 24px -10px var(--brand-primary);
}
.feature-list li{padding:.4rem 0;color:var(--text)}
.feature-list i{color:var(--brand-accent)}

/* Forms */
.form-control{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--text);
  border-radius:var(--radius);
}
.form-control:focus{background:rgba(255,255,255,.06);border-color:var(--brand-primary);box-shadow:0 0 0 .2rem rgba(99,102,241,.15);color:var(--text)}
.form-control::placeholder{color:var(--muted)}

/* Footer */
.site-footer{background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));border-top:1px solid rgba(255,255,255,.06)}
.footer-links li{padding:.3rem 0;color:var(--muted)}
.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:#fff}
.social-btn{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.05);color:var(--text);border:1px solid rgba(255,255,255,.08);
  text-decoration:none;transition:.25s;
}
.social-btn:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px)}

/* Floats */
.wa-float{
  position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;
  background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.6rem;
  box-shadow:0 12px 30px -8px rgba(37,211,102,.6);z-index:1030;text-decoration:none;
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.to-top{
  position:fixed;left:22px;bottom:22px;width:46px;height:46px;border-radius:50%;
  background:var(--gradient-primary);color:#fff;border:0;display:none;
  align-items:center;justify-content:center;z-index:1030;
  box-shadow:0 12px 30px -8px var(--brand-primary);
}
.to-top.show{display:inline-flex}

/* Page */
.page-hero{padding-top:8rem}
.content-body{line-height:1.8}
.content-body h2,.content-body h3{color:#fff;margin-top:1.5rem}
.content-body a{color:var(--brand-accent)}

/* Light theme support */
body.theme-light{
  background:radial-gradient(ellipse at top,rgba(99,102,241,.1),transparent 60%),#f7f8fb;
  color:#0f172a;
}
body.theme-light .glass{background:#fff;border-color:#e5e7eb;box-shadow:0 20px 50px -30px rgba(0,0,0,.15)}
body.theme-light .glass-nav{background:rgba(255,255,255,.8);border-bottom:1px solid #e5e7eb}
body.theme-light .nav-link{color:#0f172a!important}
body.theme-light .form-control{background:#fff;border-color:#e5e7eb;color:#0f172a}
body.theme-light .text-muted-2{color:#475569!important}
body.theme-light .bg-surface{background:#fff}

/* Hero Slider */
.hero-slider{margin-top:72px}
.hero-slider .carousel-item{height:clamp(420px,70vh,640px);background-size:cover;background-position:center;position:relative}
.hero-slider .slide-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,10,20,.85) 0%,rgba(7,10,20,.55) 50%,rgba(7,10,20,.25) 100%)}
.hero-slider .slide-content{position:absolute;inset:0;display:flex;align-items:center;z-index:2}
.hero-slider .carousel-indicators{margin-bottom:1.5rem}
.hero-slider .carousel-indicators button{width:34px;height:4px;border-radius:4px;background:rgba(255,255,255,.5);border:0}
.hero-slider .carousel-indicators .active{background:var(--gradient-primary);background-clip:padding-box}
.hero-slider .carousel-control-prev,.hero-slider .carousel-control-next{width:5%;opacity:.6}
.hero-slider + .hero{padding-top:4rem}

/* ===== Üst bar (admin panelden yönetilir) ===== */
.topbar{background:var(--gradient-primary);color:#fff;position:relative;z-index:1035}
.topbar a{color:#fff;text-decoration:none;opacity:.9}
.topbar a:hover{opacity:1;text-decoration:underline}
body:has(.topbar) .glass-nav{top:38px}
@media (max-width:575.98px){.topbar{font-size:.72rem}}