:root {
    --primary: #0d6efd;
    --muted: #5e6a7d;
    --bg: #f7f9fc;
}

body {
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    background: var(--bg);
    color: #1f2a3d;
    line-height: 1.7;
}

.hero-section {
    background: linear-gradient(120deg, #0d6efd 0%, #35b8ff 50%, #0a58ca 100%);
    color: #fff;
}

.hero-icon { filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2)); }
.title-wrapper { gap: 14px; }
.eyebrow { letter-spacing: 1.5px; text-transform: uppercase; font-size: 0.85rem; opacity: 0.85; }

.policy-section h2, .policy-section h3 { color: #12213a; }
.policy-section ul { padding-left: 18px; }
.policy-section li { margin-bottom: 6px; }

.info-card, .policy-card {
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 12px 30px rgba(17, 32, 73, 0.12);
    border: 1px solid rgba(13, 110, 253, 0.08);
}

.info-card a, .policy-card a { color: var(--primary); text-decoration: none; }
.info-card a:hover, .policy-card a:hover { text-decoration: underline; }

.info-card p { color: var(--muted); }
.policy-card p { color: #2f3c52; }

@media (max-width: 767px) {
    .hero-section .display-5 { font-size: 2rem; }
}