/* =========================================
   فونت ایران‌سنس ایکس
   ========================================= */
/*@font-face { font-family: 'IRANSansX'; src: url('assets/fonts/IRANSansX-Regular.woff2') format('woff2'); font-weight: normal; }*/
/*@font-face { font-family: 'IRANSansX'; src: url('assets/fonts/IRANSansX-Bold.woff2') format('woff2'); font-weight: bold; }*/
/* =========================================
   تعریف استاندارد فونت ایران‌سنس ایکس
   ========================================= */
@font-face {
    font-family: 'IRANSansX';
    src: url('assets/fonts/IRANSansX-Regular.woff2') format('woff2');
    font-weight: 400; /* معمولی */
    font-style: normal;
}

@font-face {
    font-family: 'IRANSansX';
    src: url('assets/fonts/IRANSansX-Bold.woff2') format('woff2');
    font-weight: 700; /* بولد */
    font-style: normal;
}
@font-face {
    font-family: 'IRANSansX-Black'; 
    src: url('assets/fonts/IRANSansX-BlackD4.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

:root {
    --bg-dark: #120524; --primary: #9b59b6; --secondary: #3498db; --accent-gold: #f39c12;
    --text-light: #ffffff; --text-gray: #c8c2d4; --glass-bg: rgba(30, 15, 50, 0.6);
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'IRANSansX', tahoma, sans-serif; }
body { background-color: var(--bg-dark); color: var(--text-gray); line-height: 1.8; overflow-x: hidden; position: relative; }
a { text-decoration: none; color: inherit; transition: 0.3s; }
ul { list-style: none; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* =========================================
   افکت‌های نجومی
   ========================================= */
.space-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: radial-gradient(circle at top right, #2a0e4a, #120524); }
.twinkling-star { position: absolute; width: 2px; height: 2px; background: white; border-radius: 50%; animation: twinkle linear infinite; box-shadow: 0 0 5px white; }
@keyframes twinkle { 0%, 100% { opacity: 0.2; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1.2); } }
.shooting-star { position: absolute; width: 100px; height: 2px; background: linear-gradient(90deg, rgba(255,255,255,0.8), transparent); animation: shoot 2s linear forwards; transform: rotate(-45deg); }
.shooting-star::before { content: ''; position: absolute; top: -2px; left: 0; width: 6px; height: 6px; background: white; border-radius: 50%; box-shadow: 0 0 15px 5px rgba(255,255,255,0.8); }
@keyframes shoot { 0% { transform: translate(0, 0) rotate(-45deg); opacity: 1; } 100% { transform: translate(-800px, 800px) rotate(-45deg); opacity: 0; } }

/* =========================================
   هدر
   ========================================= */
.glass-effect { background: rgba(30, 10, 50, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.1); }
.main-header { position: sticky; top: 0; z-index: 1000; padding: 12px 0; box-shadow: 0 5px 20px rgba(0,0,0,0.5); }
.header-container { display: flex; justify-content: space-between; align-items: center; }
.logo { display: flex; align-items: center; gap: 15px; }
.logo img { width: 65px; height: 65px; mix-blend-mode: screen; filter: invert(1) brightness(100) contrast(100) drop-shadow(0 0 5px white); }
.logo span { font-size: 1.4rem; font-weight: bold; color: white;}
.main-nav ul { display: flex; gap: 25px; }
.main-nav a { font-weight: bold; color: #e2ddeb; transition: 0.3s; font-size: 1.05rem;}
.main-nav a:hover { color: var(--accent-gold); text-shadow: 0 0 10px rgba(243, 156, 18, 0.5); }
.menu-toggle { display: none; cursor: pointer; flex-direction: column; gap: 5px; }
.menu-toggle .bar { width: 30px; height: 3px; background: white; border-radius: 3px; }

/* =========================================
   Hero Section
   ========================================= */
.hero-section { height: 85vh; display: flex; align-items: center; text-align: center; justify-content: center;}
.hero-content { display: flex; flex-direction: column; align-items: center;}
.hero-content h1 { font-size: 3.5rem; color: var(--text-light); margin-bottom: 20px; line-height: 1.3; }
.hero-subtitle { font-size: 1.3rem; margin-bottom: 40px; }
.hero-buttons { margin-top: 20px; }
.highlight-gold { color: var(--accent-gold); text-shadow: 0 0 15px rgba(243, 156, 18, 0.5); }
.gradient-text { background: linear-gradient(90deg, #d7bde2, #9b59b6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.launch-btn { position: relative; width: 280px; height: 80px; background: #0f172a; border: 2px solid #38bdf8; border-radius: 40px; cursor: pointer; overflow: hidden; box-shadow: 0 0 20px rgba(56, 189, 248, 0.4); display: flex; justify-content: center; align-items: center; outline: none; margin: 0 auto; }
.launch-btn:hover { box-shadow: 0 0 30px rgba(56, 189, 248, 0.8); }
.btn-text { color: #f8fafc; font-family: 'IRANSansX', tahoma; font-size: 20px; font-weight: bold; z-index: 10; pointer-events: none;}
.svg-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.rocket-group { transform: translate(140px, 120px); }
.fire { transform-origin: 0 20px; opacity: 0; }
.smoke { transform-origin: 140px 80px; opacity: 0; }
.launch-btn.active .btn-text { animation: text-fade 3.5s forwards; }
@keyframes text-fade { 0%, 100% { opacity: 1; transform: scale(1); } 10%, 90% { opacity: 0; transform: scale(0.8); } }
.launch-btn.active .rocket-group { animation: enter 0.5s ease-out forwards, shake 1s 0.5s linear, launch 1s 1.5s cubic-bezier(0.5, 0, 0.2, 1) forwards; }
@keyframes enter { 0% { transform: translate(140px, 120px); } 100% { transform: translate(140px, 40px); } }
@keyframes shake { 0%, 100% { transform: translate(140px, 40px); } 10%, 30%, 50%, 70%, 90% { transform: translate(138px, 41px); } 20%, 40%, 60%, 80% { transform: translate(142px, 39px); } }
@keyframes launch { 0% { transform: translate(140px, 40px); } 100% { transform: translate(140px, -120px); } }
.launch-btn.active .fire { animation: burn 2s 0.5s forwards; }
@keyframes burn { 0% { opacity: 0; transform: scaleY(0.1); } 5% { opacity: 1; transform: scaleY(1.2); } 10%, 20%, 30%, 40% { transform: scaleY(0.9); } 15%, 25%, 35%, 45% { transform: scaleY(1.3); } 50% { opacity: 1; transform: scaleY(1.5); } 100% { opacity: 1; transform: scaleY(2.5); } }
.launch-btn.active .smoke { animation: puff 3s 0.5s forwards; }
@keyframes puff { 0% { opacity: 0; transform: scale(0.1); } 10% { opacity: 1; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } 100% { opacity: 0; transform: scale(1.8) translateY(-10px); } }

/* =========================================
   طرح‌های مشاوره
   ========================================= */
.pricing-section { padding: 80px 0; }
.section-title { text-align: center; margin-bottom: 50px; color: white; font-size: 2.2rem; }
.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; }

.interactive-card { background: var(--glass-bg); backdrop-filter: blur(15px); border-radius: 20px; padding: 35px; transition: all 0.4s ease; border: 2px solid transparent; position: relative; }
.interactive-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }

.single-vip-card { max-width: 750px; margin: 0 auto; text-align: center; padding: 50px 30px; border-color: rgba(243, 156, 18, 0.4); box-shadow: 0 0 30px rgba(243, 156, 18, 0.15);}
.single-vip-card:hover { border-color: #f39c12; box-shadow: 0 15px 40px rgba(243, 156, 18, 0.4); }
.single-plan-features { text-align: right; margin-top: 30px; }
.single-plan-features li { font-size: 1.15rem; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; align-items: flex-start;}

.custom-planet-img { width: 90px; height: 90px; margin: 0 auto 20px auto; display: block; object-fit: contain; filter: drop-shadow(0 0 15px rgba(255,255,255,0.2)); transition: transform 0.4s ease; }
.interactive-card:hover .custom-planet-img { transform: scale(1.1); }

.pricing-card { text-align: center; }
.border-gray { border-color: rgba(160, 174, 192, 0.2); }
.border-gray:hover { border-color: #a0aec0; box-shadow: 0 0 20px rgba(160, 174, 192, 0.3); }
.border-blue { border-color: rgba(52, 152, 219, 0.3); }
.border-blue:hover { border-color: #3498db; box-shadow: 0 0 25px rgba(52, 152, 219, 0.4); }
.border-purple { border-color: rgba(155, 89, 182, 0.3); }
.border-purple:hover { border-color: #9b59b6; box-shadow: 0 0 30px rgba(155, 89, 182, 0.4); }
.border-gold { border-color: rgba(243, 156, 18, 0.3); }
.border-gold:hover { border-color: #f39c12; box-shadow: 0 0 35px rgba(243, 156, 18, 0.5); }

.pricing-card h3 { color: white; font-size: 1.6rem; margin-bottom: 10px; }
.plan-subtitle { display: block; font-size: 1rem; color: var(--text-gray); font-weight: normal; margin-top: 5px; }
.plan-features { text-align: right; margin-top: 20px; font-size: 0.95rem; line-height: 2; }
.plan-features li { display: flex; align-items: flex-start; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 8px 0; }
.plan-features li span { display: block; flex: 1; }
.check-icon { width: 22px; height: 22px; flex-shrink: 0; color: #3498db; margin-left: 10px; margin-top: 4px; }

.viana-highlight { color: #d7bde2; font-weight: bold; margin-top: 10px; display: flex !important; align-items: center;}
.popular-card { transform: scale(1.03); }
.badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: linear-gradient(45deg, #3498db, #2980b9); color: white; padding: 6px 25px; border-radius: 30px; font-weight: bold; font-size: 0.9rem; box-shadow: 0 5px 15px rgba(52, 152, 219, 0.5); white-space: nowrap; z-index: 10;}

/* =========================================
   بخش ویانا و امکانات حضوری
   ========================================= */
.viana-section { padding: 60px 0; }
.viana-container { display: flex; align-items: center; gap: 40px; border-color: rgba(155, 89, 182, 0.3); position: relative; overflow: hidden; }
.reverse-layout { flex-direction: row-reverse; }

.viana-badge { position: absolute; top: 0; left: 0; background: var(--accent-gold); color: #000; font-weight: bold; padding: 8px 25px; border-bottom-right-radius: 20px; font-size: 1.1rem; box-shadow: 0 0 15px rgba(243, 156, 18, 0.5);}
.viana-image { flex: 1; text-align: center; }
.floating-img { animation: float 4s ease-in-out infinite; filter: drop-shadow(0 0 20px rgba(138, 43, 226, 0.6)); width: 100%; max-width: 250px;}

.astronaut-img { width: 280px; height: auto; animation: float 4s ease-in-out infinite; filter: drop-shadow(0 0 25px rgba(52, 152, 219, 0.8)); display: block; margin: 0 auto; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }

.viana-text { flex: 2; }
.viana-text h2 { font-size: 2.2rem; margin-bottom: 15px; margin-top: 20px; color: white; }
.viana-perks { margin: 20px 0; font-size: 1.05rem; }
.viana-perks li { margin-bottom: 15px; background: rgba(0,0,0,0.2); padding: 15px; border-radius: 12px; border-right: 3px solid var(--primary); display: flex; align-items: flex-start;}
.viana-perks li span { display: block; flex: 1; line-height: 1.8;}
.list-svg { width: 24px; height: 24px; flex-shrink: 0; color: var(--accent-gold); margin-left: 12px; margin-top: 5px;}
.viana-links { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-top: 20px; }
.viana-tag { color: var(--text-gray); font-size: 0.9rem; }
.viana-link-btn { background: rgba(155, 89, 182, 0.2); border: 1px solid #9b59b6; padding: 8px 20px; border-radius: 30px; color: #d7bde2; font-size: 0.9rem; }
.viana-link-btn:hover { background: #9b59b6; color: white; }
.vip-link { border-color: var(--accent-gold); color: var(--accent-gold); background: rgba(243, 156, 18, 0.1); }
.vip-link:hover { background: var(--accent-gold); color: #000; }

/* =========================================
   اسلایدر نظرات دانش‌آموزان
   ========================================= */
.testimonials-section { padding: 60px 0; overflow: hidden; background: rgba(18, 5, 36, 0.4); border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05);}
.slider-wrapper { width: 100%; overflow: hidden; position: relative; padding: 30px 0; cursor: grab;}
.slider-wrapper:active { cursor: grabbing; }
.slider-wrapper::before, .slider-wrapper::after { content: ''; position: absolute; top: 0; width: 100px; height: 100%; z-index: 2; pointer-events: none;}
.slider-wrapper::before { left: 0; background: linear-gradient(to right, var(--bg-dark), transparent); }
.slider-wrapper::after { right: 0; background: linear-gradient(to left, var(--bg-dark), transparent); }

.slider-track { display: flex; gap: 30px; overflow-x: auto; padding: 0 50px; scrollbar-width: none; -ms-overflow-style: none; }
.slider-track::-webkit-scrollbar { display: none; }
.testimonial-card { background: var(--glass-bg); border: 1px solid rgba(255,255,255,0.05); border-radius: 20px; padding: 25px; width: 380px; flex-shrink: 0; box-shadow: 0 10px 20px rgba(0,0,0,0.3); transition: all 0.3s ease; user-select: none; }
.testimonial-card:hover { border-color: var(--primary); transform: translateY(-5px); box-shadow: 0 15px 35px rgba(155, 89, 182, 0.4); background: rgba(30, 15, 50, 0.9);}
.testi-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;}
.avatar-img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primary); box-shadow: 0 0 10px rgba(155, 89, 182, 0.3); pointer-events: none;}
.testi-header h4 { color: white; font-size: 1.15rem; margin-bottom: 3px;}
.testi-header span { color: var(--accent-gold); font-size: 0.85rem; font-weight: bold;}
.testimonial-card p { font-size: 0.95rem; font-style: italic; color: #d7d0e0; line-height: 2;}

/* =========================================
   اسلایدر ستارگان ویژن (لیست قبولی‌های درخشان)
   ========================================= */
.success-section { padding: 60px 0; overflow: hidden; background: rgba(18, 5, 36, 0.4); border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); }
.success-card { background: linear-gradient(135deg, rgba(30,10,50,0.8), rgba(15,23,42,0.8)); border: 1px solid rgba(138, 43, 226, 0.4); box-shadow: 0 0 20px rgba(138, 43, 226, 0.2), inset 0 0 15px rgba(56, 189, 248, 0.1); border-radius: 20px; padding: 25px; width: 300px; flex-shrink: 0; text-align: center; position: relative; overflow: hidden; transition: 0.4s ease; user-select: none; }
.success-card:hover { box-shadow: 0 0 30px rgba(138, 43, 226, 0.5), inset 0 0 20px rgba(56, 189, 248, 0.3); transform: translateY(-5px) scale(1.02); border-color: var(--secondary); }
.success-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(138,43,226,0.15) 0%, transparent 60%); pointer-events: none; animation: pulse-glow 4s infinite alternate; }
@keyframes pulse-glow { 0% { opacity: 0.5; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1.1); } }
.success-icon { display: block; margin: 0 auto 15px auto; width: 50px; height: 50px; filter: drop-shadow(0 0 10px rgba(243, 156, 18, 0.6)); color: var(--accent-gold);}
.success-name { color: #ffffff; font-size: 1.25rem; font-weight: bold; margin-bottom: 5px; text-shadow: 0 0 10px rgba(255,255,255,0.3); }
.success-major { color: var(--accent-gold); font-size: 1.1rem; margin-bottom: 5px; font-weight: bold; }
.success-uni { color: #38bdf8; font-size: 0.95rem; }

/* =========================================
   فرم تماس (ضد خرابی کروم)
   ========================================= */
.contact-section { padding: 80px 0; }
.contact-container { display: flex; flex-direction: column; gap: 30px; align-items: center; text-align: center;}
.contact-header h2 { color: white; font-size: 2.5rem; margin-bottom: 10px; }
.contact-header p { font-size: 1.1rem; margin-bottom: 20px; }

.contact-form-wrapper { width: 100%; max-width: 600px; margin: 0 auto;}
.premium-form { background: #0a0410; padding: 40px; border-radius: 20px; border: 1px solid #2a1147; box-shadow: 0 20px 50px rgba(0,0,0,0.5); text-align: right;}
.form-title { color: white; font-size: 1.5rem; margin-bottom: 30px; text-align: center; }

.input-group { margin-bottom: 20px; text-align: right; }
.input-group label { display: block; color: var(--primary); font-size: 0.95rem; margin-bottom: 8px; font-weight: bold; }
.input-group input, .input-group select {
    width: 100%; padding: 15px; font-size: 1rem; color: white;
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px; outline: none; transition: 0.3s; font-family: 'IRANSansX', tahoma;
}
.input-group input:focus, .input-group select:focus { border-color: var(--primary); background: rgba(0,0,0,0.5); }
.input-group select option { background: #0a0410; color: white; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #120524 inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

.submit-btn { width: 100%; padding: 15px; border-radius: 10px; font-size: 1.1rem; font-weight: bold; color: white; background: linear-gradient(45deg, #8a2be2, #3498db); border: none; cursor: pointer; transition: 0.3s; box-shadow: 0 10px 20px rgba(138, 43, 226, 0.3); margin-top: 15px; font-family: 'IRANSansX'; }
.submit-btn:hover { box-shadow: 0 15px 30px rgba(138, 43, 226, 0.6); transform: translateY(-2px); }

.contact-info { width: 100%; margin-top: 20px;}
.contact-or { font-size: 1.2rem; color: var(--text-gray); margin-bottom: 20px;}
.contact-methods { display: flex; flex-direction: row; justify-content: center; gap: 20px; flex-wrap: wrap; }
.method-btn { display: flex; align-items: center; gap: 15px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.05); padding: 15px 25px; border-radius: 50px; font-size: 1.2rem; color: white; transition: 0.3s; }
.icon-circle { background: var(--primary); width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 15px rgba(155, 89, 182, 0.5); }
.method-btn:hover { background: rgba(155, 89, 182, 0.1); border-color: var(--primary); transform: translateY(-5px); }

/* =========================================
   فوتر و استایل‌های موبایل
   ========================================= */
.main-footer { text-align: center; padding: 25px 0; border-top: 1px solid rgba(255,255,255,0.05); margin-top: 50px; }

/* =========================================
   نسخه نهایی و قطعی موبایل (حل مشکل درهم‌رفتگی و ابعاد)
   ========================================= */
@media (max-width: 768px) {
    .header-container { position: relative; }
    .logo { margin-right: auto; margin-left: auto; } 
    .menu-toggle { display: flex; position: absolute; right: 15px; top: 20px; z-index: 1001; }
    .main-nav ul { display: none; flex-direction: column; position: absolute; top: 70px; left: 0; width: 100%; background: var(--bg-dark); padding: 20px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.1); }
    .main-nav ul.active { display: flex; }
    
    /* 1. اصلاح قطعی سایز تایتل‌های خیلی بزرگ (ماموریت اختصاصی، ستارگان ویژن و هیرو) */
    .hero-content h1 { font-size: 1.7rem !important; line-height: 1.5 !important; font-weight: bold !important; }
    .hero-subtitle { font-size: 0.9rem !important; margin-bottom: 25px !important; font-weight: normal !important; }
    
    .section-title { margin-bottom: 45px !important; } 
    .section-title h2 { font-size: 1.5rem !important; line-height: 1.5 !important; margin-bottom: 10px !important; font-weight: bold !important; }
    .section-title p { font-size: 0.85rem !important; margin-top: 0 !important; line-height: 1.6 !important; font-weight: normal !important; } 
    
    /* 2. اصلاح اختصاصی تاج و کارت VIP (رفع بد قرار گرفتن تاج و بیرون‌زدگی متن) */
    .single-vip-card { padding: 45px 15px 25px 15px !important; }
    .single-vip-card .badge { 
        font-size: 0.8rem !important; 
        padding: 6px 15px !important; 
        top: -12px !important; 
        width: 85% !important; 
        white-space: normal !important; 
        line-height: 1.4 !important;
    }
    .single-vip-card .custom-planet-img { 
        width: 60px !important; 
        height: 60px !important; 
        margin: 25px auto 5px auto !important; 
    }
    .single-vip-card h3 { font-size: 1.4rem !important; margin-top: 5px !important; line-height: 1.4 !important; font-weight: bold !important; }
    .single-vip-card .plan-subtitle { font-size: 0.85rem !important; margin-bottom: 20px !important; line-height: 1.6 !important; font-weight: normal !important; }

    /* 3. برگرداندن کارت‌ها به حالت دو ستونه در موبایل */
    .pricing-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; } 
    .pricing-card { padding: 15px 10px !important; }
    .pricing-card h3 { font-size: 1.15rem !important; margin-bottom: 5px !important; font-weight: bold !important; }
    .plan-subtitle { font-size: 0.75rem !important; font-weight: normal !important; }
    .plan-features li, .single-plan-features li { 
        font-size: 0.75rem !important; 
        line-height: 2 !important; 
        padding: 8px 0 !important; 
        align-items: flex-start !important; 
        font-weight: normal !important;
    }
    .plan-features li span, .single-plan-features li span { margin-right: 8px !important; }
    .check-icon { width: 14px !important; height: 14px !important; margin-top: 4px !important; flex-shrink: 0; }
    
    .viana-highlight { font-size: 0.75rem !important; text-align: center !important; padding: 12px !important; line-height: 1.6 !important; font-weight: bold !important; }
    .viana-highlight svg { width: 16px !important; height: 16px !important; margin-left: 5px !important; margin-top: 2px !important; }

    /* سایر تنظیمات (ویانا، اسلایدرها و فرم‌ها) */
    .viana-text h2 { font-size: 1.4rem !important; margin-top: 15px !important; font-weight: bold !important; }
    .desc-text { font-size: 0.85rem !important; line-height: 1.8 !important; font-weight: normal !important; }
    .viana-perks li { text-align: right !important; font-size: 0.85rem !important; padding: 12px !important; font-weight: normal !important; }
    .viana-perks li span { line-height: 1.8 !important; }
    .viana-container { flex-direction: column !important; text-align: center !important; }
    .astronaut-img { width: 140px !important; margin: 0 auto 20px auto !important; }
    .viana-badge { position: relative !important; display: inline-block !important; border-radius: 15px !important; margin-bottom: 10px !important; font-size: 0.85rem !important; padding: 5px 15px !important; }
    
    .testimonial-card { width: 260px !important; padding: 15px !important; border-radius: 15px !important; }
    .testi-header h4 { font-size: 1.1rem !important; font-weight: bold !important; }
    .testi-header span { font-size: 0.75rem !important; }
    .testimonial-card p { font-size: 0.85rem !important; line-height: 1.8 !important; font-weight: normal !important; }
    .avatar-img { width: 45px !important; height: 45px !important; }
    
    .success-card { width: 240px !important; padding: 15px !important; }
    .success-name { font-size: 1.2rem !important; font-weight: bold !important; }
    .success-major { font-size: 0.95rem !important; }
    
    .online-box { padding: 15px !important; margin: 20px 10px 0 10px !important; }
    .online-box h4 { font-size: 1.05rem !important; line-height: 1.6 !important; font-weight: bold !important; }
    .online-box a.btn-primary { display: block !important; width: 100% !important; padding: 12px 10px !important; font-size: 0.85rem !important; white-space: normal !important; box-sizing: border-box !important; line-height: 1.5 !important; font-weight: bold !important; }

    .contact-header h2 { font-size: 1.5rem !important; font-weight: bold !important; }
    .contact-header p { font-size: 0.9rem !important; font-weight: normal !important; }
    .premium-form { padding: 25px 15px !important; }
    .input-group label { font-size: 0.85rem !important; font-weight: bold !important; }
    .contact-methods { flex-direction: column !important; align-items: center !important; }
    .method-btn { width: 100% !important; max-width: 300px !important; justify-content: center !important; font-size: 0.95rem !important; font-weight: bold !important; }
}
/* =========================================
   تزریق مستقیم فونت فوق‌ضخیم بلک به عناوین
   ========================================= */

/* ۱. اجبار به استفاده از فونت فمیلی بلک برای تمام تیترها (دسکتاپ و موبایل) */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
h1 .gradient-text, h2 .gradient-text, h3 .gradient-text,
h1 .highlight-gold, h2 .highlight-gold, h3 .highlight-gold,
.success-name, .logo span,
.viana-perks li strong, .viana-perks li span strong, .viana-perks li b {
    font-family: 'IRANSansX-Black', 'IRANSansX', tahoma, sans-serif !important;
    font-weight: 900 !important;
}

/* ۲. تنظیم ابعاد عناوین در دسکتاپ */
h1 { font-size: 4.4rem !important; line-height: 1.3 !important; }
h2 { font-size: 3.0rem !important; line-height: 1.4 !important; }
h3 { font-size: 2.2rem !important; line-height: 1.4 !important; }
h4 { font-size: 1.7rem !important; line-height: 1.5 !important; }

/* ۳. متون معمولی روی همان فونت استاندارد و وزن لایت بمانند */
p, p *, span:not([class*="text"]):not([class*="gold"]):not([class*="highlight"]), 
li, li span, a:not(.nav-link):not(.btn-primary):not(.method-btn), 
label, input, select, textarea, .desc-text, .plan-subtitle, .testimonial-card p {
    font-family: 'IRANSansX', tahoma, sans-serif !important;
    font-weight: 400 !important;
}

/* ۴. بهینه‌سازی کامل چیدمان و وزن‌ها در مدیا کوئری موبایل */
@media (max-width: 768px) {
    h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 * {
        font-family: 'IRANSansX-Black', 'IRANSansX', sans-serif !important;
        font-weight: 900 !important;
    }
    
    /* سایزهای موبایل */
    h1 { font-size: 1.9rem !important; line-height: 1.5 !important; }
    h2 { font-size: 1.6rem !important; line-height: 1.5 !important; }
    h3 { font-size: 1.3rem !important; line-height: 1.4 !important; }
    h4 { font-size: 1.2rem !important; line-height: 1.4 !important; }
    
    p, span:not([class*="text"]):not([class*="gold"]), li, a, label, 
    .desc-text, .plan-subtitle, .testimonial-card p,
    p *, .testimonial-card p * {
        font-family: 'IRANSansX', sans-serif !important;
        font-weight: 400 !important;
    }
    
    /* سیستم جدید چیدمان دو ستونه لیستی در موبایل (تفکیک آیکون از جریان متن) */
    .viana-perks li {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        text-align: right !important;
        padding: 15px !important;
        line-height: 1.8 !important;
    }

    /* باکس اختصاصی محتوای متنی (ستون دوم لایه فلكس) */
    .viana-perks li span, 
    .viana-perks li .desc-text {
        display: inline !important;
        flex: 1 !important; /* اشغال کل فضای باقی‌مانده کنار آیکون */
        font-family: 'IRANSansX', sans-serif !important;
        font-weight: 400 !important;
    }

    /* آیکون سمت راست (ستون اول لایه فلكس) */
    .viana-perks li svg, 
    .viana-perks li .list-svg {
        flex-shrink: 0 !important; /* جلوگیری از فشرده شدن آیکون */
        margin-left: 12px !important; /* فاصله آیکون تا شروع متن */
        margin-top: 4px !important; /* تراز شدن عمودی آیکون با خط اول */
        float: none !important; /* خنثی کردن استایل‌های قدیمی شناور */
    }
    
    /* کلمات کلیدی (تیترهای تسک‌ها) به صورت کاملاً پیوسته و هم‌خط با ادامه متن */
    .viana-perks li strong, 
    .viana-perks li span strong, 
    .viana-perks li b {
        font-family: 'IRANSansX-Black', sans-serif !important;
        font-weight: 900 !important;
        display: inline !important; /* هم‌خط شدن مطلق */
        margin-left: 5px !important; /* فاصله کوچک تا کلمه بعدی */
        color: #ffffff !important;
    }

    .viana-highlight, .submit-btn, .contact-info h3, .viana-highlight *, .method-btn {
        font-weight: 700 !important;
    }
}