.elementor-kit-1345{--e-global-color-primary:#304DBE;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#172662;--e-global-color-8be6f69:#2D30C4;--e-global-typography-primary-font-family:"Cairo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cairo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Cairo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cairo";--e-global-typography-accent-font-weight:500;font-family:"Cairo", Sans-serif;}.elementor-kit-1345 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1345 img:hover{opacity:1;}.elementor-kit-1345 img{transition-duration:0s;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<div id="tronix-wrapper">
  <style>
    /* استدعاء خط كايرو */
    @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

    /* الإعدادات الأساسية والمتغيرات للثيم البنفسجي/الوردي مع تكتشر الخلفية الجديد */
    #tronix-wrapper {
      --theme-pink: #d946ef; 
      --theme-purple: #8b5cf6; 
      --card-bg: rgba(20, 20, 20, 0.4);
      --text-main: #ededed;
      --text-muted: #a1a1aa;
      --border-radius: 16px;
      
      /* لون الخلفية الأساسي */
      background-color: #0a0a0a; 
      
      /* تكتشر الدوائر الإلكترونية المدمج (Seamless SVG Circuit Pattern) */
      /* هذه تكتشر مدمجة كـ SVG داخل الـ CSS لضمان عملها فوراً وبدون أي ملفات خارجية */
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='tronix-texture' fill='%23111111' fill-opacity='0.4'%3E%3Cpath d='M10 0v5a5 5 0 0 0-5 5H0v10a10 10 0 0 1 10-10V0zM80 10V0H70a10 10 0 0 1 10 10zm-10 0v5a5 5 0 0 0-5 5H45v10h10V10H70zM10 80V70H0a10 10 0 0 1 10 10zm60 0v-5a5 5 0 0 0 5-5h5V60H60v10h10V80zM35 50V40H20a10 10 0 0 0-10 10v10h10V50h15zm35-15V20H55a10 10 0 0 0-10 10v10h10V35h15zM10 30V20h5a5 5 0 0 0 5-5V0H10v10H0v10h10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: repeat;
      background-size: 80px 80px; /* حجم التكتشر المتكرر */
      background-position: center;
      
      color: var(--text-main);
      font-family: 'Cairo', system-ui, -apple-system, sans-serif;
      direction: rtl;
      overflow: hidden;
      padding: 80px 20px;
      position: relative;
      box-sizing: border-box;
    }

    #tronix-wrapper * {
      box-sizing: border-box;
      font-family: inherit;
    }

    /* قسم الهيرو */
    .tronix-hero {
      position: relative;
      z-index: 1;
      text-align: center;
      max-width: 800px;
      margin: 0 auto 100px auto;
    }

    .tronix-hero-badge {
      display: inline-block;
      padding: 6px 16px;
      background: rgba(217, 70, 239, 0.1);
      color: #f0abfc;
      border: 1px solid rgba(217, 70, 239, 0.2);
      border-radius: 99px;
      font-size: 0.875rem;
      font-weight: 600;
      margin-bottom: 24px;
      letter-spacing: 0.5px;
    }

    .tronix-hero h1 {
      font-size: clamp(2.5rem, 5vw, 4.5rem);
      font-weight: 800;
      line-height: 1.2;
      margin: 0 0 24px 0;
      background: linear-gradient(180deg, #fff 0%, #a1a1aa 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .tronix-hero p {
      font-size: 1.25rem;
      color: var(--text-muted);
      line-height: 1.6;
      margin: 0 0 48px 0;
    }

    /* زر الشراء */
    .tronix-cta-shimmer {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 18px 48px;
      background: linear-gradient(135deg, var(--theme-pink), var(--theme-purple));
      color: #fff;
      font-size: 1.25rem;
      font-weight: 700;
      text-decoration: none;
      border-radius: 99px;
      position: relative;
      overflow: hidden;
      transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
      border: 1px solid rgba(255,255,255,0.2);
      cursor: pointer;
    }

    .tronix-cta-shimmer:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 30px rgba(217, 70, 239, 0.5);
    }

    .tronix-cta-shimmer::after {
      content: "";
      position: absolute;
      top: 0;
      left: -150%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
      transform: skewX(-25deg);
      animation: tronix-shimmer 3s infinite;
    }

    @keyframes tronix-shimmer {
      0% { left: -150%; }
      100% { left: 150%; }
    }

    /* قسم الخدمات */
    .tronix-services {
      position: relative;
      z-index: 1;
      max-width: 1200px;
      margin: 0 auto;
    }

    .tronix-section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 800;
      margin-bottom: 60px;
      color: #fff;
    }

    .tronix-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 32px;
    }

    /* البطاقات الزجاجية */
    .tronix-card {
      position: relative;
      background: var(--card-bg);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-radius: var(--border-radius);
      padding: 40px;
      text-align: right;
      transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
      z-index: 1;
      display: flex;
      flex-direction: column;
    }

    .tronix-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: var(--border-radius);
      padding: 1px;
      background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.05) 100%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      transition: background 0.4s ease;
      z-index: -1;
    }

    .tronix-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
    }

    .tronix-card:hover::before {
      background: linear-gradient(135deg, var(--theme-pink) 0%, rgba(255,255,255,0) 50%, rgba(139, 92, 246, 0.5) 100%);
    }

    .tronix-icon-wrapper {
      width: 56px;
      height: 56px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 32px;
      color: var(--text-main);
      transition: color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    }

    .tronix-card:hover .tronix-icon-wrapper {
      color: var(--theme-pink);
      border-color: rgba(217, 70, 239, 0.4);
      transform: scale(1.1);
    }

    .tronix-card h3 {
      font-size: 1.35rem;
      font-weight: 700;
      margin: 0 0 16px 0;
      color: #fff;
    }

    .tronix-card p {
      font-size: 1rem;
      color: var(--text-muted);
      line-height: 1.7;
      margin: 0;
      flex-grow: 1;
    }

    /* التجاوب مع الجوال */
    @media (max-width: 768px) {
      #tronix-wrapper {
        padding: 60px 16px;
        background-size: 60px 60px; /* تصغير التكتشر سِنة للجوال */
      }
      .tronix-hero h1 {
        font-size: 2.2rem;
      }
      .tronix-card {
        padding: 32px;
      }
      .tronix-cta-shimmer {
        padding: 16px 40px;
        font-size: 1.125rem;
      }
    }
  </style>

  <div class="tronix-hero">
    <div class="tronix-hero-badge">✨ الأقوى في عالم السيرفرات</div>
    <h1>ارتقِ بتجربتك الرقمية مع Tronix Boost</h1>
    <p>وجهتك الأولى والأكثر موثوقية لتعزيز سيرفرات ديسكورد، اشتراكات نيترو، وخدمات الذكاء الاصطناعي. سرعة خيالية، أمان تام، وتميز لا يضاهى.</p>
    <a href="#" class="tronix-cta-shimmer">تصفح العروض الآن</a>
  </div>

  <div class="tronix-services">
    <h2 class="tronix-section-title">خدماتنا المميزة</h2>
    <div class="tronix-grid">

      <div class="tronix-card">
        <div class="tronix-icon-wrapper">
          <svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
            <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
          </svg>
        </div>
        <h3>بوستات سيرفرات</h3>
        <p>ارفع مستوى سيرفرك لليفل الأعلى، افتح مميزات حصرية، جودة صوت أسطورية وارتقِ بمجتمعك للقمة بكل سهولة.</p>
      </div>

      <div class="tronix-card">
        <div class="tronix-icon-wrapper">
          <svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
            <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
            <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
            <line x1="12" y1="22.08" x2="12" y2="12"></line>
          </svg>
        </div>
        <h3>اشتراكات نيترو</h3>
        <p>تميز عن الجميع! جودة بث خرافية، إيموجيز مخصصة في كل مكان، ورفع ملفات بحجم أكبر. اشتراكات مضمونة ورسمية من Tronix Boost.</p>
      </div>

      <div class="tronix-card">
        <div class="tronix-icon-wrapper">
          <svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="10"></circle>
            <path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
            <line x1="9" y1="9" x2="9.01" y2="9"></line>
            <line x1="15" y1="9" x2="15.01" y2="9"></line>
          </svg>
        </div>
        <h3>إفكتات وزينة حسابات</h3>
        <p>خلّك مميز بين ربعك، أضف لمسة فنية وبرواز رهيب لحسابك يلفت الأنظار ويعكس شخصيتك في ديسكورد.</p>
      </div>

      <div class="tronix-card">
        <div class="tronix-icon-wrapper">
          <svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
            <circle cx="9" cy="7" r="4"></circle>
            <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
            <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
          </svg>
        </div>
        <h3>زيادة أعضاء السيرفرات</h3>
        <p>كبر مجتمعك بسرعة الصاروخ. نوفر لك أعضاء متفاعلين لإنعاش الشات وتنشيط سيرفرك بأفضل جودة.</p>
      </div>
      
      <div class="tronix-card">
        <div class="tronix-icon-wrapper">
          <svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="4"></circle>
            <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
          </svg>
        </div>
        <h3>يوزرات واختصارات</h3>
        <p>احصل على أندر اليوزرات والاختصارات اللي تميز حسابك وتلفت الانتباه! يوزرات فخمة وحصرية ما تتفوت من Tronix Boost.</p>
      </div>

      <div class="tronix-card">
        <div class="tronix-icon-wrapper">
          <svg width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
          </svg>
        </div>
        <h3>اشتراكات ChatGPT</h3>
        <p>ضاعف إنتاجيتك وأنجز مهامك مع أقوى نماذج الذكاء الاصطناعي. حسابات واشتراكات بلس رسمية بأسعار تنافسية من Tronix Boost.</p>
      </div>

    </div>
  </div>
</div>/* End custom CSS */