:root {
    --pink-primary: #ff4fa3;
    --pink-secondary: #ff7fbd;
    --pink-accent: #ffe3f1;
    --pink-deep: #d63384;
    --pink-glow: rgba(255, 79, 163, 0.35);
    --text-dark: #2d2130;
    --text-muted: #6d5c6d;
    --surface: #ffffff;
    --surface-soft: #fff6fb;
    --surface-soft-2: #fff0f8;
}

/* Pink theme overrides */
body.pink-theme {
    background: var(--surface);
    color: var(--text-dark);
}

body.pink-theme .header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(255, 127, 189, 0.18);
}

body.pink-theme .logo::before {
    background: linear-gradient(45deg, transparent 30%, rgba(255, 79, 163, 0.1) 50%, transparent 70%);
}

body.pink-theme .logo:hover {
    text-shadow:
        0 0 15px rgba(255, 79, 163, 0.8),
        0 0 25px rgba(255, 79, 163, 0.5),
        0 0 35px rgba(255, 79, 163, 0.2);
}

body.pink-theme .logo-subtitle,
body.pink-theme .hero-description,
body.pink-theme .hero-task,
body.pink-theme .feature-description,
body.pink-theme .step-description,
body.pink-theme .support-description,
body.pink-theme .section-subtitle,
body.pink-theme .faq-answer,
body.pink-theme .card-description,
body.pink-theme .why-us-description,
body.pink-theme .form-subtitle,
body.pink-theme .stat-label,
body.pink-theme .checkbox-label,
body.pink-theme .contact-item span:first-of-type,
body.pink-theme .case-description,
body.pink-theme .earnings-period,
body.pink-theme .footer-link {
    color: var(--text-muted);
}

body.pink-theme .logo-text,
body.pink-theme .footer-logo,
body.pink-theme .section-title,
body.pink-theme .feature-title,
body.pink-theme .step-title,
body.pink-theme .faq-question,
body.pink-theme .card-title,
body.pink-theme .why-us-title,
body.pink-theme .condition-title,
body.pink-theme .form-title,
body.pink-theme .form-label,
body.pink-theme .contact-item span:last-of-type,
body.pink-theme .case-name {
    color: var(--text-dark);
}

body.pink-theme .logo-text,
body.pink-theme .footer-logo {
    color: var(--text-dark);
    text-shadow:
        0 0 10px rgba(255, 79, 163, 0.5),
        0 0 20px rgba(255, 79, 163, 0.25);
}

body.pink-theme .footer-logo::before {
    background: linear-gradient(45deg, transparent 30%, rgba(255, 79, 163, 0.08) 50%, transparent 70%);
}

body.pink-theme .footer-logo:hover {
    text-shadow:
        0 0 12px rgba(255, 79, 163, 0.6),
        0 0 20px rgba(255, 79, 163, 0.3),
        0 0 28px rgba(255, 79, 163, 0.1);
}

body.pink-theme .nav-link {
    color: var(--text-dark);
    background: rgba(255, 127, 189, 0.08);
    border-color: rgba(255, 127, 189, 0.2);
}

body.pink-theme .nav-link:hover {
    color: var(--pink-primary);
    background: rgba(255, 79, 163, 0.12);
    border-color: rgba(255, 127, 189, 0.35);
    box-shadow: 0 4px 15px rgba(255, 79, 163, 0.2);
}

body.pink-theme .lang-select,
body.pink-theme .menu-toggle,
body.pink-theme .language-selector i {
    color: var(--text-dark);
}

body.pink-theme .hero {
    background-image:
        linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 235, 246, 0.68)),
        url("images/backgrounds/hero-bg-new.jpg");
    background-color: #fff7fb;
    background-size: 100% 100%, cover;
    background-position: center center, center center;
    background-repeat: no-repeat, no-repeat;
}

body.pink-theme .hero::before {
    background:
        linear-gradient(45deg, transparent 30%, rgba(255, 79, 163, 0.08) 50%, transparent 70%),
        linear-gradient(-45deg, transparent 30%, rgba(255, 127, 189, 0.05) 50%, transparent 70%);
}

body.pink-theme .hero-title,
body.pink-theme .hero-description {
    color: var(--text-dark);
}

body.pink-theme .highlight-amount {
    background: linear-gradient(135deg, var(--pink-primary) 0%, var(--pink-secondary) 50%, var(--pink-deep) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 20px var(--pink-glow);
}

body.pink-theme .hero-earnings {
    color: var(--pink-primary);
    text-shadow: 0 0 20px var(--pink-glow);
}

body.pink-theme .stat-number,
body.pink-theme .support-title,
body.pink-theme .chart-description,
body.pink-theme .case-country {
    color: var(--pink-primary);
    text-shadow: 0 0 16px var(--pink-glow);
}

body.pink-theme .chart-title {
    color: var(--text-dark);
    text-shadow: 0 0 16px var(--pink-glow);
}

body.pink-theme .btn-primary,
body.pink-theme .btn-submit,
body.pink-theme .step-icon,
body.pink-theme .condition-icon,
body.pink-theme .faq-icon,
body.pink-theme .why-us-icon,
body.pink-theme .card-icon {
    background: linear-gradient(135deg, var(--pink-primary) 0%, var(--pink-secondary) 50%, var(--pink-deep) 100%);
    box-shadow: 0 8px 22px rgba(255, 79, 163, 0.35);
}

body.pink-theme .btn-secondary {
    color: var(--pink-deep);
    border-color: var(--pink-primary);
    background: rgba(255, 255, 255, 0.85);
}

body.pink-theme .btn-secondary:hover {
    background: var(--pink-primary);
    color: #ffffff;
}

body.pink-theme .btn-primary:hover,
body.pink-theme .btn-submit:hover {
    box-shadow: 0 10px 25px rgba(255, 79, 163, 0.4);
}

body.pink-theme .btn-submit:disabled:hover {
    background: linear-gradient(135deg, var(--pink-primary), var(--pink-secondary));
}

body.pink-theme .why-choose-us,
body.pink-theme .cases,
body.pink-theme .cooperation-conditions {
    background: var(--surface);
}

body.pink-theme .work-process,
body.pink-theme .application-form {
    background: var(--surface-soft);
}

body.pink-theme .why-us,
body.pink-theme .faq,
body.pink-theme .about-us {
    background: linear-gradient(135deg, #fff6fb 0%, #ffffff 50%, #fff2f9 100%);
}

body.pink-theme .feature-card,
body.pink-theme .process-step,
body.pink-theme .case-card,
body.pink-theme .condition-item,
body.pink-theme .faq-item,
body.pink-theme .about-card,
body.pink-theme .form-container,
body.pink-theme .support-section,
body.pink-theme .chart-section {
    background: var(--surface);
    border-color: rgba(255, 127, 189, 0.3);
    box-shadow: 0 8px 24px rgba(255, 79, 163, 0.08);
}

body.pink-theme .feature-card:hover {
    background: linear-gradient(135deg, var(--pink-primary) 0%, var(--pink-secondary) 55%, var(--pink-deep) 100%);
    border-color: var(--pink-secondary);
    box-shadow: 0 8px 25px rgba(255, 79, 163, 0.35);
}

body.pink-theme .feature-card:hover .feature-title,
body.pink-theme .feature-card:hover .feature-description {
    color: #ffffff;
}

body.pink-theme .feature-icon {
    background: #ffe7f3;
    color: var(--pink-primary);
    border: 1px solid rgba(255, 127, 189, 0.35);
}

body.pink-theme .feature-card:hover .feature-icon {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.5);
}

body.pink-theme .why-us::before,
body.pink-theme .faq::before,
body.pink-theme .about-us::before {
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 79, 163, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 70% 80%, rgba(255, 127, 189, 0.08) 0%, transparent 50%);
}

body.pink-theme .why-us-item,
body.pink-theme .faq-item,
body.pink-theme .about-card {
    background: var(--surface);
    border-color: rgba(255, 127, 189, 0.45);
}

body.pink-theme .why-us-item:hover,
body.pink-theme .faq-item:hover,
body.pink-theme .about-card:hover {
    border-color: var(--pink-primary);
    box-shadow:
        0 20px 40px rgba(255, 79, 163, 0.25),
        0 0 60px rgba(255, 127, 189, 0.12);
}

body.pink-theme .why-us-item:hover .why-us-title,
body.pink-theme .faq-item:hover .faq-question,
body.pink-theme .about-card:hover .card-title,
body.pink-theme .contact-item i {
    color: var(--pink-primary);
    text-shadow: 0 0 20px var(--pink-glow);
}

body.pink-theme .why-us-item:hover .why-us-description,
body.pink-theme .faq-item:hover .faq-answer,
body.pink-theme .about-card:hover .card-description {
    color: var(--text-muted);
}

body.pink-theme .why-us-icon::before,
body.pink-theme .faq-icon::before,
body.pink-theme .card-icon::before {
    background: linear-gradient(45deg, var(--pink-primary), var(--pink-secondary), var(--pink-primary));
}

body.pink-theme .main-card {
    background: linear-gradient(145deg, rgba(255, 79, 163, 0.12), rgba(255, 127, 189, 0.05));
    border-color: rgba(255, 79, 163, 0.45);
}

body.pink-theme .principle-card {
    background: linear-gradient(145deg, rgba(255, 182, 193, 0.2), rgba(255, 127, 189, 0.08));
    border-color: rgba(255, 127, 189, 0.5);
}

body.pink-theme .mission-card {
    background: linear-gradient(145deg, rgba(255, 105, 180, 0.15), rgba(255, 79, 163, 0.06));
    border-color: rgba(255, 79, 163, 0.45);
}

body.pink-theme .principle-card .card-icon,
body.pink-theme .mission-card .card-icon {
    background: linear-gradient(135deg, var(--pink-secondary) 0%, var(--pink-primary) 50%, var(--pink-deep) 100%);
    box-shadow: 0 10px 30px rgba(255, 79, 163, 0.35);
}

body.pink-theme .principle-card:hover .card-title,
body.pink-theme .mission-card:hover .card-title {
    color: var(--pink-deep);
    text-shadow: 0 0 20px var(--pink-glow);
}

body.pink-theme .principle-card .card-icon::before,
body.pink-theme .mission-card .card-icon::before {
    background: linear-gradient(45deg, var(--pink-secondary), var(--pink-primary), var(--pink-secondary));
}

body.pink-theme .condition-item {
    background: rgba(255, 79, 163, 0.12);
    border-color: rgba(255, 127, 189, 0.4);
}

body.pink-theme .condition-item:hover {
    background: rgba(255, 79, 163, 0.18);
    box-shadow: 0 10px 30px rgba(255, 79, 163, 0.22);
}

body.pink-theme .case-card {
    background: var(--surface);
    border-color: rgba(255, 127, 189, 0.25);
}

body.pink-theme .case-card::before {
    background: linear-gradient(90deg, transparent, rgba(255, 79, 163, 0.1), transparent);
}

body.pink-theme .case-card:hover {
    border-color: var(--pink-primary);
    box-shadow: 0 25px 50px rgba(255, 79, 163, 0.28);
}

body.pink-theme .case-image {
    background: var(--surface-soft);
}

body.pink-theme .case-placeholder {
    background: linear-gradient(135deg, var(--pink-primary), var(--pink-secondary));
}

body.pink-theme .earnings-amount {
    color: var(--pink-deep);
    text-shadow: 0 0 20px var(--pink-glow);
}

body.pink-theme .chart-section,
body.pink-theme .support-section,
body.pink-theme .form-container {
    border-color: rgba(255, 127, 189, 0.35);
}

body.pink-theme .support-section {
    background: linear-gradient(135deg, #fff6fb 0%, #ffffff 50%, #fff0f8 100%);
}

body.pink-theme .chart-container {
    background: linear-gradient(135deg, rgba(255, 79, 163, 0.08) 0%, rgba(255, 214, 234, 0.2) 100%);
    border-color: rgba(255, 127, 189, 0.25);
    box-shadow:
        0 8px 32px rgba(255, 79, 163, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

body.pink-theme .chart-section::before,
body.pink-theme .support-section::before {
    background: linear-gradient(90deg, transparent, rgba(255, 79, 163, 0.08), transparent);
}

body.pink-theme .step-number {
    background: var(--pink-deep);
}

body.pink-theme .step-icon:hover {
    box-shadow:
        0 6px 20px rgba(255, 79, 163, 0.4),
        inset 0 2px 0 rgba(255, 255, 255, 0.5),
        inset 0 -2px 0 rgba(214, 51, 132, 0.2);
}

body.pink-theme .form-input,
body.pink-theme .form-select,
body.pink-theme .form-textarea {
    background: #ffffff;
    border-color: rgba(255, 127, 189, 0.35);
    color: var(--text-dark);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.pink-theme .form-input:focus,
body.pink-theme .form-select:focus,
body.pink-theme .form-textarea:focus {
    border-color: var(--pink-primary);
    box-shadow: 0 0 0 2px rgba(255, 79, 163, 0.2);
    background: #ffffff;
}

body.pink-theme .footer {
    background: #fff5fa;
    border-top: 1px solid rgba(255, 127, 189, 0.3);
}

body.pink-theme .footer-content--centered {
    justify-content: center;
}

body.pink-theme .footer-contacts-title {
    color: var(--pink-primary);
}

body.pink-theme .footer-link:hover {
    color: var(--pink-primary);
}

/* Ensure FAQ block is always visible in pink version */
body.pink-theme #faq,
body.pink-theme .faq {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    body.pink-theme .hero {
        background-size: 100% 100%, cover;
        background-position: center center, center center;
    }

    body.pink-theme .nav {
        background: rgba(255, 255, 255, 0.98);
        border-bottom: 1px solid rgba(255, 127, 189, 0.2);
    }
}