/* Cards and problem */
    .card { padding: 30px; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); transition: transform .25s, box-shadow .25s, border-color .25s; }
    .card:hover { transform: translateY(-5px); border-color: #c2dbe7; box-shadow: 0 16px 38px rgba(9,39,61,.1); }
    .card-number { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; color: var(--blue-600); font-size: .76rem; font-weight: 850; letter-spacing: .08em; }
    .problem-icon { width: 46px; height: 46px; padding: 11px; color: var(--blue-600); background: #eaf6fc; border-radius: 13px; }
    .source-cloud { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 46px; justify-content: center; }
    .source-cloud span { padding: 8px 12px; color: var(--gray-700); background: var(--white); border: 1px solid var(--gray-200); border-radius: 50px; font-size: .75rem; font-weight: 650; }