:root { --brand:#0d6efd; }
body { color:#202733; line-height:1.7; }
.navbar-brand { letter-spacing:.2px; }
.hero { background:linear-gradient(135deg,#eef5ff 0%,#ffffff 60%,#f4f8ff 100%); padding:90px 0; }
.hero h1 { font-weight:800; letter-spacing:-1px; }
.section { padding:70px 0; }
.section-title { max-width:760px; margin:0 auto 40px; }
.card-soft { border:1px solid #e7ebf0; border-radius:18px; height:100%; transition:.2s; }
.card-soft:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(20,40,80,.08); }
.icon-box { width:52px; height:52px; border-radius:14px; display:grid; place-items:center; background:#eaf3ff; color:#0d6efd; font-size:1.4rem; }
.check-list { padding-left:0; list-style:none; }
.check-list li { margin:.6rem 0; }
.check-list i { color:#198754; margin-right:.5rem; }
.footer-links li { margin-bottom:.45rem; }
.footer-links a { color:rgba(255,255,255,.7); text-decoration:none; }
.footer-links a:hover { color:#fff; }
.legal-content h2 { margin-top:2rem; }
.small-muted { color:#6c757d; }

.cs-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    line-height: 0;
}

.cs-logo img {
    width: 365px;
    height: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
    image-rendering: auto;
}

@media (max-width: 991px) {
    .cs-logo img {
        width: 300px;
    }
}

@media (max-width: 575px) {
    .cs-logo img {
        width: 240px;
    }
}