:root{
  --skel-dark:#1F2937; --skel-bg:#F9FAFB; --skel-teal:#00B4D8; --skel-green:#00D27F; --skel-grey:#6B7280;
  --skel-card-bg:#ffffff; --skel-input-bg:#ffffff; --skel-input-text:#1F2937;
}
:root[data-bs-theme="dark"]{
  --skel-dark:#E5E7EB; --skel-bg:#0B1220; --skel-teal:#00B4D8; --skel-green:#00D27F; --skel-grey:#9CA3AF;
  --skel-card-bg:#0f172a; --skel-input-bg:#0b1325; --skel-input-text:#E5E7EB;
}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--skel-bg);color:var(--skel-dark)}
.nav-skel{background:var(--skel-card-bg);border-bottom:1px solid rgba(0,0,0,.06)}
.logo-img{height:36px;margin-right:.5rem}
.navbar-brand{font-weight:700;letter-spacing:.2px}
.navbar-nav.align-items-lg-center .btn{align-self:center}

.hero{position:relative;padding:6rem 0 4rem;background:radial-gradient(1200px 600px at 10% -10%, rgba(0,180,216,.12), transparent 60%),radial-gradient(1000px 500px at 110% -20%, rgba(0,210,127,.10), transparent 60%);overflow:hidden}
[data-bs-theme="dark"] .hero{background:radial-gradient(1200px 600px at 10% -10%, rgba(0,180,216,.18), transparent 60%),radial-gradient(1000px 500px at 110% -20%, rgba(0,210,127,.16), transparent 60%)}
.hero h1{font-weight:800;letter-spacing:-.3px}
.hero .lead{color:var(--skel-grey);max-width:48rem}
.accent{color:var(--skel-teal)}

.feature-card{border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px rgba(0,0,0,.04);background:var(--skel-card-bg);color:var(--skel-dark)}
[data-bs-theme="dark"] .feature-card{border-color:rgba(255,255,255,.08);box-shadow:0 10px 20px rgba(0,0,0,.6)}
.feature-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.icon-teal{background:rgba(0,180,216,.12);color:var(--skel-teal)}
.icon-green{background:rgba(0,210,127,.12);color:var(--skel-green)}

.cta-strip{background:var(--skel-card-bg);border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
[data-bs-theme="dark"] .cta-strip{border-color:rgba(255,255,255,.06)}

.footer-skel{background:var(--skel-card-bg);border-top:1px solid rgba(0,0,0,.06)}

.btn-skel{background:var(--skel-teal);border:none;color:#fff}
.btn-skel:hover{filter:brightness(.95)}
.btn-outline-skel{border-color:var(--skel-teal);color:var(--skel-teal)}
.btn-outline-skel:hover{background:var(--skel-teal);color:#fff}

.form-control{background:var(--skel-input-bg);color:var(--skel-input-text)}
.form-control::placeholder{color:var(--skel-grey)}
.form-control:focus{border-color:var(--skel-teal);box-shadow:0 0 0 .25rem rgba(0,180,216,.25)}
.text-muted{color:var(--skel-grey)!important}
.rounded-2xl{border-radius:1.25rem}