:root{ --primary:#009688; --dark:#0f172a; --muted:#64748b;}
*{box-sizing:border-box}
body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#0f172a; background:#fff;}
a{color:var(--primary); text-decoration:none}
header{position:sticky; top:0; z-index:1000; background:#ffffffcc; backdrop-filter:saturate(180%) blur(8px);}
nav a{font-weight:600; color:#0f172a; opacity:.9}
nav a:hover{color:var(--primary)}
.hero{background:linear-gradient(120deg,#e6fffa, #ffffff); border-radius:1.25rem; box-shadow:0 10px 30px rgba(0,0,0,.05)}
.section-title{font-weight:800; letter-spacing:.5px}
.card-lite{border:1px solid #e5e7eb; border-radius:1rem; box-shadow:0 10px 24px rgba(2,6,23,.04)}
.footer{background:#0b1020;}
.btn-primary{background:var(--primary); border-color:var(--primary)}
.carousel-item{min-height:280px}
.logo{height:60px}
.client-grid a{display:block; padding:18px 12px; border:1px solid #e5e7eb; border-radius:.75rem}
.client-grid a:hover{box-shadow:0 6px 20px rgba(2,6,23,.06)}
.form-login{border:1px solid #e5e7eb; border-radius:1rem; padding:2rem; box-shadow:0 10px 24px rgba(2,6,23,.04)}