/* Cordeks Systems - cordekssystems.com */
:root{
  --navy:#0A1931;
  --teal:#14E5B5;
  --teal-dark:#00C6A0;
  --light:#F6F8FB;
  --gray:#6B7B8F;
}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--navy);
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;letter-spacing:-0.02em}
.navbar{backdrop-filter: blur(12px); background: rgba(255,255,255,0.9) !important;}
.navbar-brand{font-size:22px}
.badge-teal{background:rgba(20,229,181,.14);color:var(--teal-dark);border:1px solid rgba(20,229,181,.28);font-weight:600}
.btn-teal{background:var(--teal);color:var(--navy);font-weight:700;border:none;transition:.2s}
.btn-teal:hover{background:var(--teal-dark);color:white;transform:translateY(-1px)}
.bg-navy{background:var(--navy)!important}
.text-teal{color:var(--teal)!important}
.hero-dashboard{border-radius:24px;background:white;box-shadow:0 30px 80px rgba(10,25,49,.14);border:1px solid #eef2f7;position:relative;z-index:2}
.floating-card{position:absolute;background:white;border-radius:14px;box-shadow:0 12px 32px rgba(10,25,49,.12);padding:12px 16px;font-size:13px;font-weight:700;z-index:3;border:1px solid #f1f5f9;animation: float 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.feature-icon{width:52px;height:52px;border-radius:14px;background:rgba(20,229,181,.12);display:flex;align-items:center;justify-content:center;color:var(--teal-dark);font-size:22px}
.dark-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:18px;transition:.2s}
.dark-card:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.cta-gradient{background:linear-gradient(135deg,#14E5B5 0%,#00C6A0 50%,#00B894 100%)}
.section-padding{padding:100px 0}
@media(max-width:768px){.section-padding{padding:64px 0} .floating-card{display:none}}