@import url('https://fonts.font.im/css?family=Noto+Sans+SC:wght@300;400;500;700|Google+Sans+Code|Oxanium|Ubuntu|Montserrat|Roboto|Titillium+Web');
html, body {
    font-family: "Titillium Web", "Noto Sans SC", sans-serif;
    font-size: 18px;
    line-height: 1.6;
}
.feature-card {
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%;
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.cta-section {
    background: linear-gradient(135deg, #0078d4 0%, #005a9e 100%);
    color: white;
}

.cta-section .btn {
    background-color: white;
    color: #0078d4;
    font-weight: 600;
    border-radius: 4px;
    padding: 0.8rem 2rem;
    border: none;
}

.cta-section .btn:hover {
    background-color: #f3f3f3;
}