@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Noto+Sans+Devanagari:wght@400;700&display=swap');

    * { margin: 0; padding: 0; box-sizing: border-box; }

    body {
      font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;
      background: linear-gradient(180deg, #4a0000, #1a0000);
      color: white;
      min-height: 100vh;
      position: relative;
      overflow-x: hidden;
    }

    .background, .streaks {
      position: fixed;
      inset: 0;
      z-index: -2;
    }

    .background {
      background: radial-gradient(circle at 30% 40%, rgba(255,100,100,0.2) 0%, transparent 60%);
    }

    .streaks {
      background: repeating-linear-gradient(90deg, transparent, transparent 25px, rgba(255,255,255,0.07) 25px, rgba(255,255,255,0.07) 28px);
      animation: streakMove 25s linear infinite;
    }

    @keyframes streakMove { 0% { background-position: 0 0; } 100% { background-position: 300px 0; } }

    .container {
      max-width: 920px;
      margin: 15px auto;
      padding: 0 15px;
    }

    /* Header */
    .header {
      background: linear-gradient(90deg, #ffcc00, #ff00ff);
      border-radius: 15px;
      padding: 12px 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      margin-bottom: 18px;
      box-shadow: 0 10px 30px rgba(255,0,255,0.4);
      border: 3px solid #fff;
    }

    .header h1 {
      font-size: 26px;
      font-weight: 700;
      color: #0000ff;
      text-shadow: 0 0 10px white;
    }

    /* Old Main Result Card */
    .main-card {
      /* background: linear-gradient(135deg, #ffd700, #9b00ff); */
      background: linear-gradient(135deg, #000000, #000000);
      border: 4px solid #00ff00;
      border-radius: 20px;
      padding: 25px 20px;
      margin-bottom: 20px;
      position: relative;
      box-shadow: 0 15px 40px rgba(0,255,0,0.3);
    }

    .top-text { text-align: center; font-size: 23px; margin-bottom: 12px; font-weight: 600; }
    .latest { text-align: center; color: #00ffff; font-size: 23px; margin-bottom: 8px; }
    .result-title { font-size: 60px; text-align: center; color: white; text-shadow: 0 0 20px #fff; margin: 10px 0; }
    .result-numbers { text-align: center; font-size: 80px; font-weight: 700; }
    .result-numbers span:first-child {
      background: rgba(0,0,0,0.4);
      padding: 8px 16px;
      border-radius: 12px;
    }
    .result-numbers span:last-child { color: #ffff00; text-shadow: 0 0 30px #ffff00; }

    /* Nepal Section */
    .nepal-section {
      margin-top: 25px;
    }

    .nepal-bar {
      background: #000;
      color: white;
      text-align: center;
      padding: 10px;
      font-weight: 600;
      border-radius: 8px 8px 0 0;
    }

    .nepal-fav {
      background: linear-gradient(90deg, #000, #333);
      text-align: center;
      padding: 12px;
      font-size: 15px;
      margin-bottom: 12px;
    }

    .pink-banner {
      background: #ff00aa;
      padding: 14px 10px;
      text-align: center;
      font-size: 17px;
      font-weight: 700;
      border-radius: 10px;
      margin-bottom: 15px;
    }

    .contact-row {
      display: flex;
      gap: 10px;
      justify-content: center;
      margin-bottom: 20px;
      flex-wrap: wrap;
    }

    .contact-btn {
      padding: 12px 20px;
      border-radius: 50px;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: white;
    }

    .phone-btn { background: #00ccff; }
    .line-btn { background: #ff3366; }

    /* New Result Card */
    .new-result-card {
   background: #e6b382;
      border-radius: 18px;
      padding: 20px;
      text-align: center;
      margin-bottom: 20px;
      box-shadow: 0 10px 30px rgba(255,215,0,0.4);
    }

    .new-result-card .trophy { font-size: 24px; }
    .new-result-card .latest { color: #000000; font-size: 40px; }
    .new-result-card .number {
      font-size: 80px;
      font-weight: 800;
      color: #ffff00;
      text-shadow: 0 0 30px #ffff00;
      margin: 10px 0;
    }

    .congrats {
      color: #000000;
      font-size: 35px;
      margin-top: 8px;
    }

    /* Table */
    table {
      width: 100%;
      border-collapse: collapse;
      background: white;
      color: black;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 30px;
    }

    th {
      background: linear-gradient(90deg, #ffaa00, #ffcc00);
      color: black;
      padding: 12px 8px;
      font-weight: 700;
    }

    td {
      padding: 12px 8px;
      text-align: center;
      border-bottom: 1px solid #ddd;
    }

    /* Third Section (RDX-SIR) */
    .new-section {
      background: #0a0a2e;
      border: 3px solid #00ffcc;
      border-radius: 16px;
      padding: 20px 15px;
      margin-top: 20px;
      box-shadow: 0 10px 30px rgba(0, 255, 200, 0.3);
    }

    .date-bar {
      background: white;
      color: black;
      text-align: center;
      padding: 8px;
      font-weight: 700;
      border-radius: 8px;
      margin-bottom: 15px;
      font-size: 16px;
    }

    .blue-bar {
      background: linear-gradient(90deg, #00aaff, #00ffff);
      padding: 12px;
      border-radius: 12px;
      text-align: center;
      margin-bottom: 15px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
    }

    .blue-btn {
      background: #0088ff;
      color: white;
      padding: 8px 16px;
      border-radius: 30px;
      font-weight: 600;
      font-size: 15px;
    }

    .pink-row {
      display: flex;
      gap: 10px;
      margin-bottom: 12px;
      flex-wrap: wrap;
    }

    .pink-btn {
      background: #ff0088;
      color: white;
      padding: 10px 18px;
      border-radius: 30px;
      font-weight: 700;
      flex: 1;
      text-align: center;
      min-width: 140px;
    }

    .only-bar {
      background: #ff0088;
      color: white;
      padding: 10px;
      border-radius: 30px;
      text-align: center;
      font-size: 16px;
      margin-bottom: 15px;
    }

    .yellow-bar {
      background: #ffcc00;
      color: #000;
      padding: 12px;
      border-radius: 12px;
      text-align: center;
      font-weight: 700;
      margin-bottom: 12px;
    }

    .rdx-bar {
      background: #ff66cc;
      color: white;
      padding: 10px 20px;
      border-radius: 30px;
      text-align: center;
      font-weight: 700;
      display: inline-block;
    }

    .teal-bar {
      background: #00aa88;
      padding: 10px;
      border-radius: 12px;
      text-align: center;
      margin: 10px 0;
      font-weight: 600;
    }

    .warning-box {
      background: #ffdddd;
      color: #c00;
      padding: 12px;
      border-radius: 12px;
      text-align: center;
      margin: 12px 0;
      font-size: 15px;
    }

    .domain-list {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .domain-item {
      background: linear-gradient(90deg, #ff8800, #ffaa00);
      color: #000;
      padding: 14px;
      border-radius: 12px;
      text-align: center;
      font-weight: 600;
      font-size: 15px;
    }

    /* Saabsse Tezzzzz Section */
    .newest-section {
      background: #0f001f;
      border: 3px solid #ff00ff;
      border-radius: 16px;
      padding: 20px 15px;
      margin-top: 25px;
      box-shadow: 0 10px 40px rgba(255, 0, 255, 0.4);
    }

    .purple-bar {
      background: linear-gradient(90deg, #6b00b3, #c300ff);
      padding: 14px;
      border-radius: 12px;
      text-align: center;
      color: white;
      font-size: 15px;
      margin-bottom: 15px;
    }

    .family-row {
      display: flex;
      gap: 12px;
      margin-bottom: 18px;
      flex-wrap: wrap;
    }

    .family-btn {
      flex: 1;
      padding: 14px 20px;
      border-radius: 50px;
      text-align: center;
      font-weight: 700;
      font-size: 17px;
      min-width: 160px;
    }

    .disawar-btn { background: #ff00ff; color: white; }
    .dhanshree-btn { background: #00ffff; color: #000; }

    .saabse-tez {
      background: #ff3399;
      color: white;
      padding: 18px;
      border-radius: 50px;
      text-align: center;
      font-size: 28px;
      font-weight: 800;
      margin-bottom: 15px;
      text-shadow: 0 0 15px white;
    }

    .warning-text {
      color: #ff6699;
      text-align: center;
      line-height: 1.6;
      margin: 15px 0;
      font-size: 15.5px;
    }

    .only-row {
      display: flex;
      gap: 10px;
      margin: 15px 0;
      flex-wrap: wrap;
    }

    .only-btn {
      flex: 1;
      padding: 12px 20px;
      border-radius: 50px;
      text-align: center;
      font-weight: 700;
    }

    .rdx-pink {
      background: #ff3399;
      color: white;
      padding: 12px 24px;
      border-radius: 50px;
      text-align: center;
      font-weight: 700;
      display: inline-block;
      margin: 10px 0;
    }

    .bottom-domain {
      text-align: center;
      color: #ffff00;
      font-weight: 600;
      margin: 15px 0 8px;
    }

    .family-black {
      background: #000;
      color: #00ff00;
      padding: 14px;
      text-align: center;
      font-size: 18px;
      font-weight: 700;
      border-radius: 12px;
      margin-top: 10px;
    }

    /* FAQ Section */
    .faq-section {
      background: linear-gradient(135deg, #1a0033, #003366);
      border: 4px solid #00ccff;
      border-radius: 18px;
      padding: 25px 18px;
      margin-top: 30px;
      box-shadow: 0 15px 40px rgba(0, 204, 255, 0.4);
    }

    .faq-header {
      background: linear-gradient(90deg, #003399, #0066ff);
      padding: 18px;
      border-radius: 12px;
      text-align: center;
      margin-bottom: 20px;
    }

    .faq-header h2 {
      color: #00ffff;
      font-size: 22px;
      margin-bottom: 6px;
    }

    .faq-header p {
      color: #ffcc00;
      font-size: 15px;
    }

    .faq-content {
      color: #ffddaa;
      line-height: 1.7;
      font-size: 15.2px;
    }

    .faq-content h3 {
      color: #00ffff;
      margin: 22px 0 10px;
      font-size: 18px;
    }

    .faq-content p {
      margin-bottom: 14px;
    }

    .faq-content strong {
      color: #ffff00;
    }

    .whatsapp-btn {
      background: #25D366;
      color: white;
      padding: 16px 30px;
      border-radius: 50px;
      text-align: center;
      font-weight: 700;
      font-size: 18px;
      margin: 25px auto 10px;
      display: block;
      width: fit-content;
      box-shadow: 0 8px 20px rgba(37, 211, 102, 0.5);
    }

    /* ====================== NEW PANEL CHART SECTION ====================== */
    .panel-section {
      margin-top: 35px;
    }

    .panel-box {
      background: #ffe6cc;
      border-radius: 18px;
      padding: 20px;
      margin-bottom: 25px;
      box-shadow: 0 10px 30px rgba(255, 200, 100, 0.4);
      border: 3px solid #ffcc00;
    }

    .panel-title {
      background: #ff99cc;
      color: #000;
      font-size: 22px;
      font-weight: 700;
      text-align: center;
      padding: 14px;
      border-radius: 12px;
      margin-bottom: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }

    .panel-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .panel-item {
      background: #00ccff;
      color: #000;
      padding: 16px 20px;
      border-radius: 12px;
      font-weight: 600;
      font-size: 16px;
      text-align: center;
      box-shadow: 0 4px 12px rgba(0, 204, 255, 0.3);
      transition: all 0.3s;
    }

    .panel-item:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0, 204, 255, 0.5);
    }

    /* Floating Buttons */
    .refresh-btn {
      position: fixed;
      bottom: 80px;
      right: 20px;
      background: #ff0000;
      color: white;
      border: none;
      padding: 12px 22px;
      border-radius: 50px;
      font-weight: 600;
      box-shadow: 0 5px 15px rgba(255,0,0,0.6);
      z-index: 100;
    }

    .chat-btn {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: #00cc00;
      color: white;
      border: none;
      padding: 15px 25px;
      border-radius: 50px;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 8px;
      box-shadow: 0 10px 30px rgba(0,255,0,0.5);
      z-index: 100;
    }

    @media (max-width: 600px) {
      .new-result-card .number { font-size: 52px; }
      .header h1 { font-size: 22px; }
      .header img { height: 48px; width: 48px; }
      .saabse-tez { font-size: 24px; }
      .panel-title { font-size: 20px; }
    }