* { margin: 0; padding: 0; box-sizing: border-box; }
    body {
        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
        background-color: #f9fafb; padding: 32px 20px; margin: 0; color: #1f2937;
    }
    .container {
        max-width: 1000px; margin: 0 auto; background: white; border-radius: 28px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.05); padding: 40px 36px 48px;
    }
    p { font-size: 15.5px; line-height: 1.6; color: #2c3e4f; margin-bottom: 1.2em; }
    .section-title {
        font-size: 21px; font-weight: 700; color: #0f172a; margin: 2em 0 0.8em 0;
        padding-left: 14px; border-left: 4px solid #007BFF;
    }
    .divider-bold {
        margin: 40px 0 32px 0; border: 0; height: 2px;
        background: linear-gradient(to right, transparent, #cbd5e1, #94a3b8, #cbd5e1, transparent);
    }
    .cta-box {
        text-align: center; background: #ffffff; border-radius: 28px; margin-top: 28px;
        padding: 24px 20px; border: 1px solid #e5e7eb; box-shadow: 0 8px 20px rgba(0,0,0,0.03);
    }
    .btn {
        display: inline-block; padding: 14px 32px; background-color: #007BFF; color: #fff;
        text-decoration: none; font-size: 16px; font-weight: 600; border-radius: 40px;
        transition: background 0.2s ease; border: none; cursor: pointer; text-align: center;
    }
    table {
        width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 15px;
    }
    th {
        background-color: #f1f5f9; color: #0f172a; font-weight: 600;
        padding: 12px 16px; text-align: left; border-bottom: 2px solid #e2e8f0;
    }
    td {
        padding: 11px 16px; border-bottom: 1px solid #e2e8f0; color: #2c3e4f;
    }
    tr:last-child td { border-bottom: none; }
    ul { padding-left: 20px; margin-bottom: 1.2em; }
    ul li { font-size: 15.5px; line-height: 1.7; color: #2c3e4f; margin-bottom: 0.4em; }
    .blockquote {
        background: #f8fafc; border-left: 4px solid #007BFF; padding: 14px 20px;
        border-radius: 8px; margin: 16px 0; font-size: 15px; color: #2c3e4f; line-height: 1.7;
    }
    .full-width-img {
        display: block; width: 100%; height: auto; border-radius: 16px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.08); margin: 24px 0; cursor: pointer;
    }
    .cert-row {
        display: flex; gap: 32px; align-items: flex-start; margin: 20px 0;
    }
    .cert-item {
        display: flex; align-items: flex-start; gap: 20px; flex: 1;
    }
    .cert-container {
        display: flex; flex-direction: column; align-items: center; gap: 8px;
        width: 130px; flex-shrink: 0;
    }
    .cert-img {
        height: 170px; width: auto; max-width: 100%; border-radius: 8px;
        border: 1px solid #eee; box-shadow: 0 2px 10px rgba(0,0,0,0.05); cursor: pointer;
        transition: transform 0.2s;
    }
    .cert-img:hover { transform: scale(1.02); }
    .cert-label {
        font-size: 11px; color: #64748b; font-weight: 500; text-align: center;
        line-height: 1.3;
    }
    .cert-text { flex: 1; font-size: 15.5px; line-height: 1.6; color: #2c3e4f; }
    .modal {
        display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%;
        background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center;
    }
    .modal.show { display: flex; }
    .modal img { max-width: 90%; max-height: 90%; border-radius: 12px; }
    .modal .close { position: absolute; top: 30px; right: 40px; color: #fff; font-size: 40px; cursor: pointer; }
    @media (max-width: 760px) {
        .container { padding: 28px 20px 36px; }
        .cert-row { flex-direction: column; }
        .cert-item { flex-direction: column; align-items: center; text-align: center; }
        .cert-container { width: 100%; max-width: 160px; }
    }