.nv-ydp {
        --nv-font-main: 'Plus Jakarta Sans', sans-serif;
        --nv-font-alt: 'Inter', sans-serif;
        --nv-bg: #f8f9fc;
        --nv-white: #ffffff;
        --nv-primary: #1e6194;
        --nv-primary-hover: #164a73;
        --nv-primary-blue: #2563eb;
        --nv-text-dark: #1e293b;
        --nv-text-gray: #64748b;
        --nv-text-soft: #475569;
        --nv-success: #16a34a;
        --nv-danger: #dc2626;
        --nv-amber: #d97706;
        --nv-border: #eef2f6;
        --nv-border-light: #e2e8f0;
        --nv-bg-light: #f8fafc;
    }

    .nv-ydp { font-family: var(--nv-font-main); color: var(--nv-text-dark); background: var(--nv-bg); }
    .nv-ydp a { text-decoration: none; color: inherit; }
    .nv-ydp :where(h1, h2, h3, h4, p, ul, ol, li) { margin: 0; padding: 0; }
    .nv-ydp ul, .nv-ydp ol { list-style: none; }
    .nv-ydp *, .nv-ydp *::before, .nv-ydp *::after { box-sizing: border-box; }
    .nv-ydp img { max-width: 100%; height: auto; }
    .nv-ydp-wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; }

    .nv-ydp-hero { position: relative; overflow: hidden; background: radial-gradient(1200px 480px at 80% -10%, rgba(37,99,235,0.10), transparent 60%), linear-gradient(180deg, var(--nv-white) 0%, var(--nv-bg) 100%); border-bottom: 1px solid var(--nv-border); padding: 60px 20px 56px; }
    .nv-ydp-hero-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 40px; align-items: center; }
    .nv-ydp-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 0.75rem; font-weight: 700; color: var(--nv-primary); background: rgba(30,97,148,0.08); border: 1px solid rgba(30,97,148,0.15); padding: 7px 14px; border-radius: 50px; margin-bottom: 20px; letter-spacing: 0.3px; }
    .nv-ydp-h1 { font-size: 2.6rem; font-weight: 800; color: var(--nv-text-dark); letter-spacing: -0.025em; line-height: 1.14; margin-bottom: 16px; }
    .nv-ydp-h1 span { color: var(--nv-primary); }
    .nv-ydp-lead { font-family: var(--nv-font-alt); font-size: 1.08rem; color: var(--nv-text-soft); line-height: 1.75; margin-bottom: 28px; max-width: 580px; }
    .nv-ydp-lead strong { color: var(--nv-primary); font-weight: 700; }
    .nv-ydp-hero-btns { display: flex; flex-wrap: wrap; gap: 14px; }
    .nv-ydp-btn { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; font-size: 0.98rem; padding: 15px 30px; border-radius: 50px; transition: 0.25s; font-family: var(--nv-font-main); cursor: pointer; }
    .nv-ydp-btn.primary { background: var(--nv-primary-blue); color: #fff; box-shadow: 0 14px 30px -12px rgba(37,99,235,0.5); }
    .nv-ydp-btn.primary:hover { background: #1d4ed8; transform: translateY(-2px); }
    .nv-ydp-btn.ghost { background: var(--nv-white); color: var(--nv-primary); border: 1.5px solid var(--nv-border-light); }
    .nv-ydp-btn.ghost:hover { border-color: var(--nv-primary); transform: translateY(-2px); }
    .nv-ydp-btn i { transition: transform 0.2s; }
    .nv-ydp-btn.primary:hover i { transform: translateX(3px); }

    .nv-ydp-visual { position: relative; display: flex; align-items: center; justify-content: center; }
    .nv-ydp-glow { position: absolute; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(37,99,235,0.22), rgba(30,97,148,0.05) 55%, transparent 72%); filter: blur(6px); z-index: 0; }
    .nv-ydp-hero-img { position: relative; z-index: 1; width: 100%; max-width: 300px; filter: drop-shadow(0 26px 40px rgba(30,97,148,0.28)); }

    .nv-ydp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 46px; }
    .nv-ydp-stat { background: var(--nv-white); border: 1px solid var(--nv-border-light); border-radius: 14px; padding: 22px 18px; text-align: center; box-shadow: 0 4px 14px -8px rgba(0,0,0,0.08); }
    .nv-ydp-stat-num { font-size: 1.9rem; font-weight: 800; color: var(--nv-primary); line-height: 1; }
    .nv-ydp-stat-num small { font-size: 0.9rem; font-weight: 700; color: var(--nv-text-gray); }
    .nv-ydp-stat-label { font-family: var(--nv-font-alt); font-size: 0.85rem; color: var(--nv-text-gray); margin-top: 10px; line-height: 1.45; }

    .nv-ydp-sec { padding: 64px 20px; }
    .nv-ydp-sec.alt { background: var(--nv-white); }
    .nv-ydp-sec-head { text-align: center; max-width: 740px; margin: 0 auto 44px; }
    .nv-ydp-sec-title { font-size: 1.95rem; font-weight: 800; color: var(--nv-text-dark); letter-spacing: -0.5px; line-height: 1.2; }
    .nv-ydp-sec-sub { font-family: var(--nv-font-alt); font-size: 1.02rem; color: var(--nv-text-gray); line-height: 1.65; margin-top: 12px; }

    .nv-ydp-platforms { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .nv-ydp-logo { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; background: var(--nv-white); border: 1px solid var(--nv-border-light); border-radius: 16px; padding: 30px 20px; transition: all 0.25s; }
    .nv-ydp-sec.alt .nv-ydp-logo { background: var(--nv-bg-light); }
    .nv-ydp-logo:hover { transform: translateY(-4px); box-shadow: 0 18px 38px -18px rgba(30,97,148,0.2); border-color: #bfdbfe; }
    .nv-ydp-logo-img { display: flex; align-items: center; justify-content: center; height: 48px; width: 100%; }
    .nv-ydp-logo-img img { max-height: 44px; max-width: 160px; width: auto; height: auto; object-fit: contain; }
    .nv-ydp-platforms-note { text-align: center; font-family: var(--nv-font-alt); font-size: 0.95rem; color: var(--nv-text-gray); line-height: 1.7; max-width: 760px; margin: 30px auto 0; }

    .nv-ydp-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
    .nv-ydp-step { position: relative; background: var(--nv-white); border: 1px solid var(--nv-border-light); border-radius: 16px; padding: 32px 24px 26px; }
    .nv-ydp-sec.alt .nv-ydp-step { background: var(--nv-bg-light); }
    .nv-ydp-step-num { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--nv-primary); color: #fff; font-family: var(--nv-font-main); font-size: 1.2rem; font-weight: 800; margin-bottom: 18px; box-shadow: 0 10px 22px -10px rgba(30,97,148,0.6); }
    .nv-ydp-step h3 { font-size: 1.1rem; font-weight: 700; color: var(--nv-text-dark); margin-bottom: 9px; }
    .nv-ydp-step p { font-family: var(--nv-font-alt); font-size: 0.93rem; color: var(--nv-text-gray); line-height: 1.68; }

    .nv-ydp-rewards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .nv-ydp-reward { background: var(--nv-white); border: 1px solid var(--nv-border-light); border-radius: 16px; padding: 32px 24px; text-align: center; transition: all 0.25s; }
    .nv-ydp-sec.alt .nv-ydp-reward { background: var(--nv-bg-light); }
    .nv-ydp-reward:hover { transform: translateY(-4px); box-shadow: 0 18px 38px -18px rgba(30,97,148,0.2); border-color: #bfdbfe; }
    .nv-ydp-reward-ic { width: 58px; height: 58px; margin: 0 auto 18px; border-radius: 15px; background: rgba(30,97,148,0.08); color: var(--nv-primary); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; }
    .nv-ydp-reward h3 { font-size: 1.08rem; font-weight: 700; color: var(--nv-text-dark); margin-bottom: 9px; }
    .nv-ydp-reward p { font-family: var(--nv-font-alt); font-size: 0.9rem; color: var(--nv-text-gray); line-height: 1.62; }

    .nv-ydp-rules { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 940px; margin: 0 auto; }
    .nv-ydp-rule { display: flex; gap: 15px; background: var(--nv-white); border: 1px solid var(--nv-border-light); border-radius: 14px; padding: 22px 24px; }
    .nv-ydp-sec.alt .nv-ydp-rule { background: var(--nv-bg-light); }
    .nv-ydp-rule-ic { width: 42px; height: 42px; flex-shrink: 0; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; background: rgba(22,163,74,0.1); color: var(--nv-success); }
    .nv-ydp-rule-ic.warn { background: rgba(217,119,6,0.1); color: var(--nv-amber); }
    .nv-ydp-rule h3 { font-size: 1rem; font-weight: 700; color: var(--nv-text-dark); margin-bottom: 5px; }
    .nv-ydp-rule p { font-family: var(--nv-font-alt); font-size: 0.9rem; color: var(--nv-text-gray); line-height: 1.6; }

    .nv-ydp-note { display: flex; gap: 16px; max-width: 940px; margin: 26px auto 0; background: #fffbeb; border: 1px solid #fde68a; border-radius: 14px; padding: 22px 26px; }
    .nv-ydp-note-ic { color: var(--nv-amber); font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }
    .nv-ydp-note p { font-family: var(--nv-font-alt); font-size: 0.94rem; color: #92400e; line-height: 1.75; }
    .nv-ydp-note strong { font-weight: 700; }

    .nv-ydp-media { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
    .nv-ydp-media.rev .nv-ydp-media-visual { order: -1; }
    .nv-ydp-media-text h2 { font-size: 1.85rem; font-weight: 800; color: var(--nv-text-dark); letter-spacing: -0.5px; line-height: 1.2; margin-bottom: 16px; }
    .nv-ydp-media-text p { font-family: var(--nv-font-alt); font-size: 1rem; line-height: 1.85; color: var(--nv-text-soft); margin-bottom: 15px; }
    .nv-ydp-media-text p:last-child { margin-bottom: 0; }
    .nv-ydp-media-text strong { color: var(--nv-text-dark); font-weight: 700; }
    .nv-ydp-media-text a { color: var(--nv-primary); font-weight: 600; }
    .nv-ydp-media-text a:hover { text-decoration: underline; }
    .nv-ydp-media-visual { display: flex; align-items: center; justify-content: center; }
    .nv-ydp-media-visual img { width: 100%; max-width: 320px; filter: drop-shadow(0 22px 38px rgba(30,97,148,0.18)); }

    .nv-ydp-faq-container { max-width: 1140px; margin: 0 auto; display: flex; gap: 60px; align-items: flex-start; }
    .nv-ydp-faq-left { flex: 0.9; position: sticky; top: 40px; }
    .nv-ydp-faq-title { font-size: 2.6rem; font-weight: 800; color: var(--nv-text-dark); margin-bottom: 15px; line-height: 1.1; letter-spacing: -0.03em; }
    .nv-ydp-faq-title span { color: var(--nv-primary-blue); }
    .nv-ydp-faq-desc { font-family: var(--nv-font-alt); font-size: 1.05rem; color: var(--nv-text-gray); line-height: 1.6; margin-bottom: 35px; }

    .nv-ydp-contact-box { background: var(--nv-white); border: 1px solid var(--nv-border-light); border-radius: 20px; padding: 30px; box-shadow: 0 20px 40px -10px rgba(0,0,0,0.06); }
    .nv-ydp-contact-header { font-size: 0.9rem; font-weight: 700; color: var(--nv-text-dark); margin-bottom: 20px; display: block; padding-bottom: 15px; border-bottom: 1px solid var(--nv-border); }
    .nv-ydp-contact-item { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; transition: 0.2s; }
    .nv-ydp-contact-item:last-child { margin-bottom: 0; }
    .nv-ydp-contact-item:hover { transform: translateX(5px); }
    .nv-ydp-ci-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; transition: 0.2s; }
    .nv-ydp-ci-icon.icon-phone { background: #eff6ff; color: #2563eb; }
    .nv-ydp-ci-icon.icon-wp { background: #f0fdf4; color: #25d366; }
    .nv-ydp-ci-icon.icon-mail { background: #fff7ed; color: #f97316; }
    .nv-ydp-contact-item:hover .icon-phone { background: #2563eb; color: #fff; }
    .nv-ydp-contact-item:hover .icon-wp { background: #25d366; color: #fff; }
    .nv-ydp-contact-item:hover .icon-mail { background: #f97316; color: #fff; }
    .nv-ydp-ci-text h6 { margin: 0; font-family: var(--nv-font-alt); font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; }
    .nv-ydp-ci-text p { margin: 2px 0 0 0; font-family: var(--nv-font-alt); font-size: 1.05rem; font-weight: 700; color: var(--nv-text-dark); }
    .nv-ydp a.nv-ydp-live-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 14px; border-radius: 12px; background: var(--nv-text-dark); color: #fff; font-weight: 700; margin-top: 25px; transition: 0.3s; }
    .nv-ydp a.nv-ydp-live-btn:hover { background: var(--nv-primary-blue); transform: translateY(-2px); }

    .nv-ydp-faq-right { flex: 1.4; display: flex; flex-direction: column; gap: 15px; }
    .nv-ydp-accordion-item { background: var(--nv-white); border: 1px solid var(--nv-border-light); border-radius: 12px; overflow: hidden; transition: all 0.3s ease; }
    .nv-ydp-accordion-item.active { border-color: var(--nv-primary-blue); box-shadow: 0 10px 25px -5px rgba(37,99,235,0.08); }
    .nv-ydp-accordion-header { width: 100%; padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: var(--nv-font-main); font-weight: 700; color: var(--nv-text-dark); font-size: 1rem; text-align: left; background: transparent; border: none; transition: 0.2s; gap: 15px; }
    .nv-ydp-accordion-header:hover { color: var(--nv-primary-blue); }
    .nv-ydp-accordion-icon { width: 24px; height: 24px; background: #f1f5f9; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; color: var(--nv-text-gray); transition: transform 0.3s ease; flex-shrink: 0; }
    .nv-ydp-accordion-item.active .nv-ydp-accordion-icon { transform: rotate(180deg); background: var(--nv-primary-blue); color: #fff; }
    .nv-ydp-accordion-body { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); background-color: var(--nv-white); }
    .nv-ydp-accordion-content { padding: 0 25px 25px 25px; font-family: var(--nv-font-alt); color: var(--nv-text-soft); line-height: 1.7; font-size: 0.95rem; }
    .nv-ydp-accordion-content a { color: var(--nv-primary-blue); font-weight: 600; }

    @media (max-width: 900px) {
        .nv-ydp-hero-grid { grid-template-columns: 1fr; gap: 24px; text-align: center; }
        .nv-ydp-lead { margin-left: auto; margin-right: auto; }
        .nv-ydp-hero-btns { justify-content: center; }
        .nv-ydp-visual { order: -1; }
        .nv-ydp-hero-img { max-width: 220px; }
        .nv-ydp-stats { grid-template-columns: repeat(2, 1fr); }
        .nv-ydp-platforms { grid-template-columns: repeat(2, 1fr); }
        .nv-ydp-steps { grid-template-columns: repeat(2, 1fr); }
        .nv-ydp-rewards { grid-template-columns: repeat(2, 1fr); }
        .nv-ydp-media { grid-template-columns: 1fr; gap: 28px; }
        .nv-ydp-media-visual { order: -1; }
        .nv-ydp-media-text { text-align: center; }
        .nv-ydp-faq-container { flex-direction: column; gap: 40px; }
        .nv-ydp-faq-left { position: static; width: 100%; }
        .nv-ydp-faq-right { width: 100%; }
        .nv-ydp-faq-title { font-size: 2rem; }
    }
    @media (max-width: 620px) {
        .nv-ydp-h1 { font-size: 2.05rem; }
        .nv-ydp-sec-title { font-size: 1.6rem; }
        .nv-ydp-stats { grid-template-columns: 1fr 1fr; }
        .nv-ydp-platforms { grid-template-columns: 1fr 1fr; }
        .nv-ydp-steps { grid-template-columns: 1fr; }
        .nv-ydp-rewards { grid-template-columns: 1fr; }
        .nv-ydp-rules { grid-template-columns: 1fr; }
    }