/* =============================
         SATTA KING THEME - MOBILE OPTIMIZED
         Based on satta-king.in design patterns
         ============================= */
         * {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
         }
         body {
         background-color: #000000;
         margin: 0;
         padding: 0;
         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
         color: #ffffff;
         line-height: 1.4;
         font-size: 14px;
         }
         /* Satta King Theme Header Bar - Mobile Friendly */
         /* Fixed top header */
         .sk-onebar {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         width: 100%;
         z-index: 1000;
         background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #000000 100%);
         border-bottom: 2px solid #ffd700;
         box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
         font-family: 'Arial', sans-serif;
         font-weight: bold;
         }
         /* Inner wrapper */
         .sk-onebar .wrap {
         display: flex;
         align-items: center;
         justify-content: space-between;
         max-width: 1200px;
         margin: 0 auto;
         padding: 8px 15px;
         min-height: 45px;
         }
         /* Icon */
         .sk-ico {
         width: 20px;
         height: 20px;
         background: radial-gradient(circle, #ffd700 0%, #ffcc00 70%);
         border-radius: 50%;
         display: inline-block;
         flex-shrink: 0;
         box-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
         animation: pulse 2s infinite;
         }
         @keyframes pulse {
         0%, 100% { 
         box-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
         }
         50% { 
         box-shadow: 0 0 12px rgba(255, 215, 0, 0.9);
         }
         }
         /* Lead text */
         .sk-lead {
         flex: 1;
         margin-left: 12px;
         margin-right: 15px;
         }
         .sk-lead .hl {
         color: #ffd700;
         font-size: clamp(12px, 2.5vw, 16px);
         font-weight: bold;
         text-transform: uppercase;
         letter-spacing: 1px;
         text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
         }
         /* Link styling */
         .sk-link {
         display: flex;
         align-items: center;
         color: #ffffff;
         text-decoration: none;
         background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
         padding: 6px 12px;
         border-radius: 20px;
         border: 1px solid #ffd700;
         font-size: clamp(10px, 2.2vw, 14px);
         font-weight: bold;
         transition: all 0.3s ease;
         white-space: nowrap;
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
         }
         .sk-link:hover {
         background: linear-gradient(135deg, #ff6666 0%, #ff0000 100%);
         transform: translateY(-1px);
         box-shadow: 0 4px 8px rgba(255, 215, 0, 0.4);
         border-color: #ffdd00;
         }
         .sk-link:active {
         transform: translateY(0);
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
         }
         /* Link text parts */
         .sk-link > span:first-child {
         margin-right: 4px;
         color: #ffd700;
         }
         .sk-link .kw {
         color: #ffffff;
         margin-right: 6px;
         max-width: 150px;
         overflow: hidden;
         text-overflow: ellipsis;
         }
         .sk-link .arr {
         color: #ffd700;
         font-size: 1.2em;
         font-weight: bold;
         }
         /* Mobile optimizations */
         @media (max-width: 768px) {
         .sk-onebar .wrap {
         padding: 6px 10px;
         min-height: 40px;
         }
         .sk-ico {
         width: 16px;
         height: 16px;
         }
         .sk-lead {
         margin-left: 8px;
         margin-right: 10px;
         }
         .sk-link {
         padding: 5px 8px;
         border-radius: 15px;
         }
         .sk-link .kw {
         max-width: 100px;
         }
         }
         @media (max-width: 480px) {
         .sk-onebar .wrap {
         padding: 5px 8px;
         min-height: 35px;
         }
         .sk-ico {
         width: 14px;
         height: 14px;
         }
         .sk-lead {
         margin-left: 6px;
         margin-right: 8px;
         }
         .sk-lead .hl {
         font-size: 11px;
         letter-spacing: 0.5px;
         }
         .sk-link {
         padding: 4px 6px;
         border-radius: 12px;
         font-size: 10px;
         }
         .sk-link .kw {
         max-width: 80px;
         }
         .sk-link > span:first-child {
         margin-right: 2px;
         }
         .sk-link .arr {
         margin-left: 2px;
         }
         }
         @media (max-width: 320px) {
         .sk-onebar .wrap {
         padding: 4px 6px;
         min-height: 32px;
         }
         .sk-lead .hl {
         font-size: 10px;
         }
         .sk-link {
         padding: 3px 5px;
         font-size: 9px;
         }
         .sk-link .kw {
         max-width: 60px;
         }
         }
         /* Body padding to account for fixed header */
         body {
         padding-top: 50px; /* Adjust based on your header height */
         }
         @media (max-width: 768px) {
         body {
         padding-top: 45px;
         }
         }
         @media (max-width: 480px) {
         body {
         padding-top: 40px;
         }
         }
         @media (max-width: 320px) {
         body {
         padding-top: 36px;
         }
         }
         /* Accessibility improvements */
         .sk-link:focus {
         outline: 2px solid #ffd700;
         outline-offset: 2px;
         }
         /* Print styles */
         @media print {
         .sk-onebar {
         display: none;
         }
         body {
         padding-top: 0 !important;
         }
         }
         /* Google Search CTA - Satta King Theme */
         .gsearch-cta {
         text-align: center;
         margin: 20px auto;
         padding: 20px 15px;
         max-width: 600px;
         background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 50%, #1a1a1a 100%);
         border: 2px solid #ffd700;
         border-radius: 15px;
         box-shadow: 0 8px 25px rgba(255, 215, 0, 0.2);
         position: relative;
         overflow: hidden;
         }
         /* Animated background effect */
         .gsearch-cta::before {
         content: '';
         position: absolute;
         top: -50%;
         left: -50%;
         width: 200%;
         height: 200%;
         background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
         animation: rotate 8s linear infinite;
         z-index: 1;
         }
         @keyframes rotate {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* Main button */
         .gbtn {
         position: relative;
         display: inline-block;
         background: linear-gradient(135deg, #ff4444 0%, #cc0000 50%, #ff0000 100%);
         color: #ffffff;
         text-decoration: none;
         padding: 15px 25px;
         border-radius: 50px;
         font-size: clamp(14px, 3vw, 18px);
         font-weight: bold;
         border: 2px solid #ffd700;
         box-shadow: 
         0 4px 15px rgba(255, 68, 68, 0.4),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
         transition: all 0.3s ease;
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
         z-index: 2;
         overflow: hidden;
         min-width: 280px;
         white-space: nowrap;
         }
         /* Shine effect */
         .gbtn__shine {
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(
         90deg,
         transparent 0%,
         rgba(255, 255, 255, 0.4) 50%,
         transparent 100%
         );
         animation: shine 3s infinite;
         z-index: 1;
         }
         @keyframes shine {
         0% { left: -100%; }
         50% { left: 100%; }
         100% { left: 100%; }
         }
         /* Button hover effects */
         .gbtn:hover {
         background: linear-gradient(135deg, #ff6666 0%, #ff0000 50%, #ff3333 100%);
         transform: translateY(-2px) scale(1.02);
         box-shadow: 
         0 8px 25px rgba(255, 68, 68, 0.6),
         inset 0 1px 0 rgba(255, 255, 255, 0.3),
         0 0 20px rgba(255, 215, 0, 0.5);
         border-color: #ffdd00;
         }
         .gbtn:active {
         transform: translateY(0) scale(1);
         box-shadow: 
         0 2px 8px rgba(255, 68, 68, 0.4),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
         }
         /* Button content styling */
         .gbtn b {
         color: #ffd700;
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
         }
         /* Subtitle text */
         .gsub {
         margin: 15px 0 0 0;
         padding: 0;
         font-size: clamp(12px, 2.5vw, 16px);
         color: #ffd700;
         font-weight: bold;
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
         position: relative;
         z-index: 2;
         animation: blink 2s infinite;
         }
         @keyframes blink {
         0%, 50% { opacity: 1; }
         75% { opacity: 0.7; }
         100% { opacity: 1; }
         }
         /* Mobile optimizations */
         @media (max-width: 768px) {
         .gsearch-cta {
         margin: 15px auto;
         padding: 15px 10px;
         border-radius: 12px;
         }
         .gbtn {
         padding: 12px 20px;
         min-width: 250px;
         font-size: 14px;
         }
         .gsub {
         margin-top: 12px;
         font-size: 14px;
         }
         }
         @media (max-width: 480px) {
         .gsearch-cta {
         margin: 10px 5px;
         padding: 12px 8px;
         border-radius: 10px;
         }
         .gbtn {
         padding: 10px 15px;
         min-width: 220px;
         font-size: 13px;
         border-radius: 40px;
         }
         .gsub {
         margin-top: 10px;
         font-size: 12px;
         }
         }
         @media (max-width: 320px) {
         .gsearch-cta {
         padding: 10px 5px;
         }
         .gbtn {
         padding: 8px 12px;
         min-width: 200px;
         font-size: 12px;
         white-space: normal;
         line-height: 1.2;
         }
         .gsub {
         font-size: 11px;
         }
         }
         /* Focus accessibility */
         .gbtn:focus {
         outline: 3px solid #ffd700;
         outline-offset: 3px;
         }
         /* Loading state (optional) */
         .gbtn.loading {
         pointer-events: none;
         opacity: 0.8;
         }
         .gbtn.loading::after {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 20px;
         height: 20px;
         margin: -10px 0 0 -10px;
         border: 2px solid transparent;
         border-top: 2px solid #ffffff;
         border-radius: 50%;
         animation: spin 1s linear infinite;
         }
         @keyframes spin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* High contrast mode support */
         @media (prefers-contrast: high) {
         .gsearch-cta {
         border-width: 3px;
         }
         .gbtn {
         border-width: 3px;
         text-shadow: none;
         }
         .gsub {
         text-shadow: none;
         }
         }
         /* Reduced motion support */
         @media (prefers-reduced-motion: reduce) {
         .gsearch-cta::before,
         .gbtn__shine,
         .gsub {
         animation: none;
         }
         .gbtn {
         transition: none;
         }
         }
         /* Print styles */
         @media print {
         .gsearch-cta {
         display: none;
         }
         }
         /* Marquee Scrolling Text - Satta King Theme */
         .marquee-container {
         width: 100%;
         background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #0d0d0d 100%);
         border-top: 2px solid #ffd700;
         border-bottom: 2px solid #ffd700;
         padding: 12px 0;
         overflow: hidden;
         position: relative;
         margin: 20px 0;
         box-shadow: 
         0 4px 8px rgba(0, 0, 0, 0.3),
         inset 0 1px 0 rgba(255, 215, 0, 0.2);
         }
         /* Animated background pattern */
         .marquee-container::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 200%;
         height: 100%;
         background: linear-gradient(
         90deg,
         transparent 0%,
         rgba(255, 215, 0, 0.1) 25%,
         rgba(255, 215, 0, 0.2) 50%,
         rgba(255, 215, 0, 0.1) 75%,
         transparent 100%
         );
         animation: shimmer 4s linear infinite;
         z-index: 1;
         }
         @keyframes shimmer {
         0% { left: -100%; }
         100% { left: 100%; }
         }
         /* Marquee text */
         .marquee {
         display: inline-block;
         white-space: nowrap;
         color: #ffd700;
         font-family: 'Noto Sans Devanagari', 'Mangal', 'Kruti Dev 010', 'Arial Unicode MS', sans-serif;
         font-size: clamp(14px, 3vw, 18px);
         font-weight: bold;
         text-shadow: 
         0 1px 2px rgba(0, 0, 0, 0.8),
         0 0 10px rgba(255, 215, 0, 0.3);
         line-height: 1.4;
         position: relative;
         z-index: 2;
         animation: scroll-left 25s linear infinite;
         padding-left: 100%;
         }
         /* Scrolling animation */
         @keyframes scroll-left {
         0% {
         transform: translateX(0);
         }
         100% {
         transform: translateX(-100%);
         }
         }
         /* Pause animation on hover */
         .marquee-container:hover .marquee {
         animation-play-state: paused;
         }
         /* Speed variants */
         .marquee.fast {
         animation-duration: 15s;
         }
         .marquee.slow {
         animation-duration: 35s;
         }
         /* Alternative scrolling directions */
         .marquee.right-to-left {
         animation: scroll-right 25s linear infinite;
         padding-left: 0;
         padding-right: 100%;
         }
         @keyframes scroll-right {
         0% {
         transform: translateX(-100%);
         }
         100% {
         transform: translateX(0);
         }
         }
         /* Mobile optimizations */
         @media (max-width: 768px) {
         .marquee-container {
         padding: 10px 0;
         margin: 15px 0;
         }
         .marquee {
         font-size: 16px;
         animation-duration: 20s;
         }
         }
         @media (max-width: 480px) {
         .marquee-container {
         padding: 8px 0;
         margin: 12px 0;
         border-width: 1px;
         }
         .marquee {
         font-size: 14px;
         animation-duration: 18s;
         line-height: 1.3;
         }
         }
         @media (max-width: 320px) {
         .marquee-container {
         padding: 6px 0;
         margin: 10px 0;
         }
         .marquee {
         font-size: 13px;
         animation-duration: 16s;
         }
         }
         /* High contrast mode */
         @media (prefers-contrast: high) {
         .marquee-container {
         background: #000000;
         border-color: #ffff00;
         }
         .marquee {
         color: #ffff00;
         text-shadow: none;
         }
         }
         /* Reduced motion support */
         @media (prefers-reduced-motion: reduce) {
         .marquee-container::before {
         animation: none;
         }
         .marquee {
         animation: none;
         transform: none;
         padding-left: 20px;
         padding-right: 20px;
         }
         }
         /* Dark mode support */
         @media (prefers-color-scheme: dark) {
         .marquee-container {
         background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #111111 100%);
         }
         }
         /* RTL language support */
         [dir="rtl"] .marquee {
         animation: scroll-right 25s linear infinite;
         padding-left: 0;
         padding-right: 100%;
         }
         /* Focus for accessibility */
         .marquee-container:focus-within {
         outline: 2px solid #ffd700;
         outline-offset: 2px;
         }
         /* Alternative color schemes */
         .marquee-container.red-theme {
         background: linear-gradient(135deg, #1a0000 0%, #330000 50%, #1a0000 100%);
         border-color: #ff4444;
         }
         .marquee-container.red-theme .marquee {
         color: #ff6666;
         text-shadow: 
         0 1px 2px rgba(0, 0, 0, 0.8),
         0 0 10px rgba(255, 102, 102, 0.3);
         }
         .marquee-container.green-theme {
         background: linear-gradient(135deg, #001a00 0%, #003300 50%, #001a00 100%);
         border-color: #44ff44;
         }
         .marquee-container.green-theme .marquee {
         color: #66ff66;
         text-shadow: 
         0 1px 2px rgba(0, 0, 0, 0.8),
         0 0 10px rgba(102, 255, 102, 0.3);
         }
         /* Print styles */
         @media print {
         .marquee-container {
         display: none;
         }
         }
         /* Loading state */
         .marquee-container.loading .marquee {
         opacity: 0.6;
         animation-play-state: paused;
         }
         /* Text selection styling */
         .marquee::selection {
         background: rgba(255, 215, 0, 0.3);
         color: #ffffff;
         }
         .marquee::-moz-selection {
         background: rgba(255, 215, 0, 0.3);
         color: #ffffff;
         }
         /* Site Logo - Satta King Theme */
         .site-logo {
         display: block;
         margin: 20px auto;
         max-width: 100%;
         height: auto;
         width: clamp(240px, 50vw, 320px);
         border-radius: 12px;
         border: 3px solid #ffd700;
         box-shadow: 
         0 8px 25px rgba(255, 215, 0, 0.3),
         0 4px 12px rgba(0, 0, 0, 0.5),
         inset 0 1px 0 rgba(255, 255, 255, 0.1);
         transition: all 0.3s ease;
         position: relative;
         background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
         padding: 2px;
         }
         /* Glow effect on hover */
         .site-logo:hover {
         transform: translateY(-3px) scale(1.02);
         border-color: #ffdd00;
         box-shadow: 
         0 12px 35px rgba(255, 215, 0, 0.4),
         0 6px 15px rgba(0, 0, 0, 0.6),
         0 0 20px rgba(255, 215, 0, 0.6),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
         }
         /* Loading state */
         .site-logo[loading="lazy"] {
         background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
         position: relative;
         }
         .site-logo[loading="lazy"]::before {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 40px;
         height: 40px;
         margin: -20px 0 0 -20px;
         border: 3px solid #333333;
         border-top: 3px solid #ffd700;
         border-radius: 50%;
         animation: spin 1s linear infinite;
         z-index: 1;
         }
         @keyframes spin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* Remove loading spinner when image loads */
         .site-logo[loading="lazy"]:not([src*="placeholder"])::before {
         display: none;
         }
         /* Focus accessibility */
         .site-logo:focus {
         outline: 3px solid #ffd700;
         outline-offset: 4px;
         }
         /* Mobile optimizations */
         @media (max-width: 768px) {
         .site-logo {
         margin: 15px auto;
         width: clamp(200px, 60vw, 280px);
         border-radius: 10px;
         border-width: 2px;
         }
         }
         @media (max-width: 480px) {
         .site-logo {
         margin: 12px auto;
         width: clamp(180px, 70vw, 240px);
         border-radius: 8px;
         border-width: 2px;
         }
         .site-logo:hover {
         transform: translateY(-2px) scale(1.01);
         }
         }
         @media (max-width: 320px) {
         .site-logo {
         margin: 10px auto;
         width: clamp(160px, 80vw, 200px);
         border-radius: 6px;
         border-width: 1px;
         }
         .site-logo:hover {
         transform: none;
         }
         }
         /* Container for logo */
         .logo-container {
         text-align: center;
         padding: 20px 0;
         background: transparent;
         position: relative;
         }
         /* Logo wrapper with additional effects */
         .logo-wrapper {
         display: inline-block;
         position: relative;
         margin: 0 auto;
         }
         .logo-wrapper::before {
         content: '';
         position: absolute;
         top: -10px;
         left: -10px;
         right: -10px;
         bottom: -10px;
         border-radius: 20px;
         background: radial-gradient(
         circle at center,
         rgba(255, 215, 0, 0.1) 0%,
         transparent 70%
         );
         opacity: 0;
         transition: opacity 0.3s ease;
         z-index: -1;
         }
         .logo-wrapper:hover::before {
         opacity: 1;
         }
         /* High quality image rendering */
         .site-logo {
         image-rendering: -webkit-optimize-contrast;
         image-rendering: crisp-edges;
         image-rendering: pixelated;
         }
         /* WebP support fallback */
         .no-webp .site-logo {
         content: url('/satta-king-result.jpg');
         }
         /* Lazy loading placeholder */
         .site-logo[data-src] {
         background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
         min-height: 180px;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .site-logo[data-src]::after {
         content: 'Loading...';
         color: #ffd700;
         font-family: Arial, sans-serif;
         font-size: 14px;
         font-weight: bold;
         }
         /* Print styles */
         @media print {
         .site-logo {
         border: 1px solid #000000;
         box-shadow: none;
         margin: 10px auto;
         max-width: 200px;
         }
         .logo-wrapper::before {
         display: none;
         }
         }
         /* High contrast mode */
         @media (prefers-contrast: high) {
         .site-logo {
         border-color: #ffff00;
         border-width: 4px;
         }
         }
         /* Reduced motion support */
         @media (prefers-reduced-motion: reduce) {
         .site-logo {
         transition: none;
         }
         .site-logo:hover {
         transform: none;
         }
         .site-logo[loading="lazy"]::before {
         animation: none;
         }
         }
         /* Dark mode optimization */
         @media (prefers-color-scheme: dark) {
         .site-logo {
         background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 100%);
         }
         }
         /* Error state */
         .site-logo[alt]:empty::before {
         content: attr(alt);
         display: block;
         padding: 20px;
         background: #1a1a1a;
         color: #ffd700;
         text-align: center;
         font-size: 14px;
         border-radius: 8px;
         }
         /* SEO and performance optimizations */
         .site-logo {
         object-fit: contain;
         object-position: center;
         }
         /* Responsive container */
         .header-logo-section {
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 20px 15px;
         background: transparent;
         }
         @media (max-width: 768px) {
         .header-logo-section {
         padding: 15px 10px;
         }
         }
         @media (max-width: 480px) {
         .header-logo-section {
         padding: 12px 8px;
         }
         }
         /* Satta King App Download Button - Mobile Friendly */
         .satta-btn-container {
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 25px 15px;
         margin: 20px auto;
         max-width: 500px;
         background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 50%, #1a1a1a 100%);
         border: 2px solid #ffd700;
         border-radius: 20px;
         box-shadow: 
         0 8px 25px rgba(255, 215, 0, 0.3),
         inset 0 1px 0 rgba(255, 255, 255, 0.1);
         position: relative;
         overflow: hidden;
         }
         /* Animated background effect */
         .satta-btn-container::before {
         content: '';
         position: absolute;
         top: -50%;
         left: -50%;
         width: 200%;
         height: 200%;
         background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
         animation: rotate-bg 8s linear infinite;
         z-index: 1;
         }
         @keyframes rotate-bg {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* Button wrapper */
         .satta-btn-wrap {
         position: relative;
         z-index: 2;
         text-align: center;
         width: 100%;
         }
         /* Main button styling */
         .satta-btn {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         background: linear-gradient(135deg, #ff4444 0%, #cc0000 50%, #ff0000 100%);
         color: #ffffff;
         text-decoration: none;
         padding: 15px 30px;
         border-radius: 50px;
         font-size: clamp(16px, 3.5vw, 20px);
         font-weight: bold;
         border: 3px solid #ffd700;
         box-shadow: 
         0 6px 20px rgba(255, 68, 68, 0.4),
         inset 0 1px 0 rgba(255, 255, 255, 0.2),
         0 0 0 0 rgba(255, 215, 0, 0.4);
         transition: all 0.3s ease;
         text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
         position: relative;
         overflow: hidden;
         min-width: 200px;
         gap: 8px;
         }
         /* Button icon */
         .satta-btn .icon {
         font-size: 1.3em;
         filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.8));
         animation: pulse-icon 2s infinite;
         }
         @keyframes pulse-icon {
         0%, 100% { transform: scale(1); }
         50% { transform: scale(1.1); }
         }
         /* Button hover effects */
         .satta-btn:hover {
         background: linear-gradient(135deg, #ff6666 0%, #ff0000 50%, #ff3333 100%);
         transform: translateY(-3px) scale(1.05);
         box-shadow: 
         0 10px 30px rgba(255, 68, 68, 0.6),
         inset 0 1px 0 rgba(255, 255, 255, 0.3),
         0 0 20px rgba(255, 215, 0, 0.8);
         border-color: #ffdd00;
         }
         .satta-btn:active {
         transform: translateY(-1px) scale(1.02);
         box-shadow: 
         0 4px 15px rgba(255, 68, 68, 0.4),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
         }
         /* Tooltip styling */
         .satta-tooltip {
         margin-top: 15px;
         padding: 12px 16px;
         background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
         color: #ffd700;
         border: 1px solid #ffd700;
         border-radius: 12px;
         font-family: 'Noto Sans Devanagari', 'Mangal', 'Kruti Dev 010', 'Arial Unicode MS', sans-serif;
         font-size: clamp(12px, 2.8vw, 16px);
         font-weight: bold;
         text-align: center;
         line-height: 1.4;
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
         box-shadow: 
         0 4px 12px rgba(255, 215, 0, 0.2),
         inset 0 1px 0 rgba(255, 215, 0, 0.1);
         animation: glow-tooltip 3s ease-in-out infinite;
         position: relative;
         }
         @keyframes glow-tooltip {
         0%, 100% { 
         box-shadow: 
         0 4px 12px rgba(255, 215, 0, 0.2),
         inset 0 1px 0 rgba(255, 215, 0, 0.1);
         }
         50% { 
         box-shadow: 
         0 6px 18px rgba(255, 215, 0, 0.4),
         inset 0 1px 0 rgba(255, 215, 0, 0.2);
         }
         }
         /* Ripple effect */
         .ripple-effect {
         position: absolute;
         border-radius: 50%;
         background: rgba(255, 255, 255, 0.6);
         transform: scale(0);
         animation: ripple 0.6s linear;
         pointer-events: none;
         width: 20px;
         height: 20px;
         margin-top: -10px;
         margin-left: -10px;
         }
         @keyframes ripple {
         to {
         transform: scale(4);
         opacity: 0;
         }
         }
         /* Focus accessibility */
         .satta-btn:focus {
         outline: 3px solid #ffd700;
         outline-offset: 4px;
         }
         /* Mobile optimizations */
         @media (max-width: 768px) {
         .satta-btn-container {
         padding: 20px 12px;
         margin: 15px 10px;
         border-radius: 15px;
         }
         .satta-btn {
         padding: 12px 24px;
         min-width: 180px;
         font-size: 18px;
         gap: 6px;
         }
         .satta-tooltip {
         margin-top: 12px;
         padding: 10px 12px;
         border-radius: 10px;
         font-size: 14px;
         }
         }
         @media (max-width: 480px) {
         .satta-btn-container {
         padding: 15px 8px;
         margin: 12px 5px;
         border-radius: 12px;
         border-width: 1px;
         }
         .satta-btn {
         padding: 10px 20px;
         min-width: 160px;
         font-size: 16px;
         border-width: 2px;
         }
         .satta-btn:hover {
         transform: translateY(-2px) scale(1.03);
         }
         .satta-tooltip {
         margin-top: 10px;
         padding: 8px 10px;
         font-size: 13px;
         line-height: 1.3;
         }
         }
         @media (max-width: 320px) {
         .satta-btn-container {
         padding: 12px 5px;
         margin: 10px 2px;
         }
         .satta-btn {
         padding: 8px 16px;
         min-width: 140px;
         font-size: 14px;
         gap: 4px;
         }
         .satta-btn:hover {
         transform: translateY(-1px) scale(1.02);
         }
         .satta-tooltip {
         font-size: 12px;
         padding: 6px 8px;
         }
         }
         /* High contrast mode */
         @media (prefers-contrast: high) {
         .satta-btn-container {
         border-color: #ffff00;
         border-width: 3px;
         }
         .satta-btn {
         border-color: #ffff00;
         border-width: 4px;
         }
         .satta-tooltip {
         border-color: #ffff00;
         color: #ffff00;
         }
         }
         /* Reduced motion support */
         @media (prefers-reduced-motion: reduce) {
         .satta-btn-container::before,
         .satta-btn .icon,
         .satta-tooltip {
         animation: none;
         }
         .satta-btn {
         transition: none;
         }
         .satta-btn:hover {
         transform: none;
         }
         .ripple-effect {
         display: none;
         }
         }
         /* Loading state */
         .satta-btn.loading {
         pointer-events: none;
         opacity: 0.7;
         }
         .satta-btn.loading::after {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 20px;
         height: 20px;
         margin: -10px 0 0 -10px;
         border: 2px solid transparent;
         border-top: 2px solid #ffffff;
         border-radius: 50%;
         animation: spin 1s linear infinite;
         }
         @keyframes spin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* Print styles */
         @media print {
         .satta-btn-container {
         display: none;
         }
         }
         /* Dark mode optimization */
         @media (prefers-color-scheme: dark) {
         .satta-btn-container {
         background: linear-gradient(135deg, #0d0d0d 0%, #000000 50%, #0d0d0d 100%);
         }
         .satta-tooltip {
         background: linear-gradient(135deg, #000000 0%, #111111 100%);
         }
         }
         /* Success state animation */
         .satta-btn.success {
         background: linear-gradient(135deg, #44ff44 0%, #00cc00 50%, #00ff00 100%);
         color: #000000;
         }
         .satta-btn.success .icon::before {
         content: '✓';
         color: #000000;
         }
         /* Satta King Guide Link - 2025 Theme */
         .satta-link {
         display: inline-block;
         background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 50%, #1a1a1a 100%);
         color: #ffd700;
         text-decoration: none;
         padding: 16px 24px;
         margin: center auto;
         border: 2px solid #ffd700;
         border-radius: 15px;
         font-family: 'Noto Sans Devanagari', 'Mangal', 'Kruti Dev 010', 'Arial Unicode MS', sans-serif;
         font-size: clamp(14px, 3.2vw, 18px);
         font-weight: bold;
         line-height: 1.4;
         text-align: center;
         text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
         box-shadow: 
         0 6px 20px rgba(255, 215, 0, 0.3),
         inset 0 1px 0 rgba(255, 255, 255, 0.1);
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
         max-width: 100%;
         word-wrap: break-word;
         }
         /* Animated background glow */
         .satta-link::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(
         90deg,
         transparent 0%,
         rgba(255, 215, 0, 0.2) 50%,
         transparent 100%
         );
         transition: left 0.5s ease;
         z-index: 1;
         }
         /* Text content above background */
         .satta-link > * {
         position: relative;
         z-index: 2;
         }
         /* Fire emoji styling */
         .satta-link::first-letter {
         font-size: 1.3em;
         margin-right: 8px;
         filter: drop-shadow(0 0 8px rgba(255, 100, 0, 0.8));
         animation: fire-flicker 2s ease-in-out infinite;
         }
         @keyframes fire-flicker {
         0%, 100% { 
         filter: drop-shadow(0 0 8px rgba(255, 100, 0, 0.8));
         transform: scale(1);
         }
         50% { 
         filter: drop-shadow(0 0 12px rgba(255, 150, 0, 1));
         transform: scale(1.05);
         }
         }
         /* Hover effects */
         .satta-link:hover {
         background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 50%, #2a2a2a 100%);
         color: #ffdd00;
         transform: translateY(-3px) scale(1.02);
         border-color: #ffdd00;
         box-shadow: 
         0 10px 30px rgba(255, 215, 0, 0.5),
         inset 0 1px 0 rgba(255, 255, 255, 0.2),
         0 0 20px rgba(255, 215, 0, 0.4);
         }
         .satta-link:hover::before {
         left: 100%;
         }
         /* Active state */
         .satta-link:active {
         transform: translateY(-1px) scale(1.01);
         box-shadow: 
         0 4px 15px rgba(255, 215, 0, 0.4),
         inset 0 1px 0 rgba(255, 255, 255, 0.1);
         }
         /* Focus accessibility */
         .satta-link:focus {
         outline: 3px solid #ffd700;
         outline-offset: 4px;
         }
         /* Container for centered link */
         .satta-link-container {
         text-align: center;
         padding: 20px 15px;
         margin: 15px 0;
         }
         /* Mobile optimizations */
         @media (max-width: 768px) {
         .satta-link {
         padding: 14px 20px;
         margin: 12px auto;
         font-size: 16px;
         border-radius: 12px;
         max-width: 95%;
         }
         .satta-link-container {
         padding: 15px 10px;
         }
         }
         @media (max-width: 480px) {
         .satta-link {
         padding: 12px 16px;
         margin: 10px auto;
         font-size: 15px;
         border-radius: 10px;
         max-width: 98%;
         line-height: 1.3;
         }
         .satta-link:hover {
         transform: translateY(-2px) scale(1.01);
         }
         .satta-link-container {
         padding: 12px 8px;
         }
         }
         @media (max-width: 320px) {
         .satta-link {
         padding: 10px 12px;
         margin: 8px auto;
         font-size: 14px;
         border-radius: 8px;
         border-width: 1px;
         }
         .satta-link:hover {
         transform: translateY(-1px);
         }
         .satta-link-container {
         padding: 10px 5px;
         }
         }
         /* Special styling for "2025" year */
         .satta-link:contains("2025") {
         background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 50%, #1a1a1a 100%);
         border-color: #ff6b6b;
         }
         /* Alternative red theme variant */
         .satta-link.red-theme {
         background: linear-gradient(135deg, #2a0000 0%, #1a0000 50%, #2a0000 100%);
         border-color: #ff4444;
         color: #ff6666;
         }
         .satta-link.red-theme:hover {
         background: linear-gradient(135deg, #3a0000 0%, #2a0000 50%, #3a0000 100%);
         border-color: #ff6666;
         color: #ff8888;
         box-shadow: 
         0 10px 30px rgba(255, 68, 68, 0.5),
         inset 0 1px 0 rgba(255, 255, 255, 0.1),
         0 0 20px rgba(255, 68, 68, 0.4);
         }
         /* Pulsing effect for importance */
         .satta-link.important {
         animation: pulse-glow 3s ease-in-out infinite;
         }
         @keyframes pulse-glow {
         0%, 100% {
         box-shadow: 
         0 6px 20px rgba(255, 215, 0, 0.3),
         inset 0 1px 0 rgba(255, 255, 255, 0.1);
         }
         50% {
         box-shadow: 
         0 8px 25px rgba(255, 215, 0, 0.5),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
         }
         }
         /* High contrast mode */
         @media (prefers-contrast: high) {
         .satta-link {
         border-color: #ffff00;
         color: #ffff00;
         border-width: 3px;
         }
         .satta-link:hover {
         border-color: #ffffff;
         color: #ffffff;
         }
         }
         /* Reduced motion support */
         @media (prefers-reduced-motion: reduce) {
         .satta-link::before,
         .satta-link::first-letter,
         .satta-link.important {
         animation: none;
         }
         .satta-link {
         transition: none;
         }
         .satta-link:hover {
         transform: none;
         }
         }
         /* Print styles */
         @media print {
         .satta-link {
         color: #000000 !important;
         background: #ffffff !important;
         border: 1px solid #000000 !important;
         box-shadow: none !important;
         text-shadow: none !important;
         }
         }
         /* Loading state */
         .satta-link.loading {
         pointer-events: none;
         opacity: 0.7;
         }
         .satta-link.loading::after {
         content: '';
         position: absolute;
         top: 50%;
         right: 10px;
         width: 16px;
         height: 16px;
         margin-top: -8px;
         border: 2px solid transparent;
         border-top: 2px solid #ffd700;
         border-radius: 50%;
         animation: spin 1s linear infinite;
         z-index: 3;
         }
         @keyframes spin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* Success state after click */
         .satta-link.clicked {
         background: linear-gradient(135deg, #004400 0%, #002200 50%, #004400 100%);
         border-color: #44ff44;
         color: #66ff66;
         }
         /* Dark mode optimization */
         @media (prefers-color-scheme: dark) {
         .satta-link {
         background: linear-gradient(135deg, #0d0d0d 0%, #000000 50%, #0d0d0d 100%);
         }
         }
         /* Text selection styling */
         .satta-link::selection {
         background: rgba(255, 215, 0, 0.3);
         color: #ffffff;
         }
         .satta-link::-moz-selection {
         background: rgba(255, 215, 0, 0.3);
         color: #ffffff;
         }
         /* Satta King Live Results - Animated Cards with Center Alignment */
         /* Satta King Live Results - Clean Design with Mobile Support */
         /* Fast Result Tag */
         .fast-result-tag {
         color: #ffe066;
         font-size: clamp(1.8rem, 4vw, 2.2rem);
         font-weight: 900;
         margin: 16px 0 9px;
         text-align: center;
         letter-spacing: 1.1px;
         text-shadow: 2px 2px 8px #cfa600, 0 1px 2px #fff;
         }
         /* Current Date Time */
         .current-date-time {
         font-size: clamp(1rem, 3vw, 1.25rem);
         font-weight: 900;
         color: #fff;
         text-align: center;
         margin-bottom: 8px;
         text-shadow: 0 2px 10px #fff9, 0 0 1px #fff;
         }
         /* Game Update Card */
         .game-update-card {
         background: transparent !important;
         margin: 0 auto 18px;
         text-align: center;
         border: none;
         box-shadow: none;
         width: 100%;
         max-width: 500px;
         padding: 0 10px;
         }
         /* Game Name */
         .game-name {
         font-size: clamp(24px, 5vw, 30px);
         font-weight: 900;
         color: #fff;
         font-style: italic;
         letter-spacing: clamp(1.5px, 0.4vw, 2.2px);
         margin-bottom: 4px;
         margin-top: 10px;
         text-shadow: 0 3px 16px #b71c1c, 1px 1px 6px #fff, 0 0 8px #fff3;
         text-transform: uppercase;
         font-family: serif;
         display: block;
         }
         /* Game Result */
         .game-result {
         font-size: clamp(2.5rem, 6vw, 3rem);
         font-weight: 900;
         color: #1de914;
         text-shadow: 1px 1px 15px #0f0d, 0 0 25px #1de91480, 0 2px 10px #fff7;
         margin: 12px 0 15px;
         letter-spacing: clamp(2px, 0.5vw, 3px);
         }
         /* Result Wait Time */
         .result-wait-time {
         font-size: clamp(1rem, 3vw, 1.18rem);
         color: #ffb300;
         font-weight: 700;
         margin: 8px 0 4px;
         letter-spacing: 0.3px;
         text-shadow: 0 1px 6px #ffecb3;
         line-height: 1.18;
         }
         /* Result Wait Time - Red/Late variants */
         .result-wait-time.red,
         .result-wait-time .red,
         .result-wait-time.late,
         .result-wait-time .late {
         color: #ff1744 !important;
         text-shadow: 0 1px 6px #fff1;
         font-size: clamp(1rem, 3vw, 1.12rem);
         }
         /* Chart Button Container */
         .chart-btn {
         margin-top: 5px;
         }
         /* Chart Button */
         .chart-btn a {
         background: #ff1744;
         color: #fff !important;
         font-weight: 900;
         font-size: clamp(13px, 3vw, 15px);
         border-radius: 17px;
         padding: clamp(12px, 3vw, 14px) clamp(25px, 6vw, 35px);
         box-shadow: 0 3px 17px #ff174489, 0 1.5px 7px #fff4;
         text-decoration: none;
         transition: background 0.15s, color 0.15s, box-shadow 0.13s, transform 0.13s;
         letter-spacing: clamp(1.5px, 0.4vw, 2px);
         margin-top: 4px;
         margin-bottom: 2px;
         display: inline-block;
         border: none;
         }
         /* Chart Button Hover */
         .chart-btn a:hover {
         background: #fff;
         color: #ff1744 !important;
         box-shadow: 0 7px 20px #ff174488, 0 3px 15px #fff2;
         border: 2px solid #ff1744;
         transform: scale(1.05);
         }
         /* Mobile specific optimizations */
         @media (max-width: 768px) {
         .fast-result-tag {
         margin: 12px 0 8px;
         letter-spacing: 1px;
         }
         .current-date-time {
         margin-bottom: 6px;
         }
         .game-update-card {
         margin: 0 auto 15px;
         padding: 0 5px;
         }
         .game-name {
         margin-bottom: 3px;
         margin-top: 8px;
         }
         .game-result {
         margin: 10px 0 12px;
         }
         .result-wait-time {
         margin: 6px 0 3px;
         }
         .chart-btn {
         margin-top: 4px;
         }
         }
         @media (max-width: 480px) {
         .fast-result-tag {
         margin: 10px 0 6px;
         letter-spacing: 0.8px;
         }
         .game-update-card {
         margin: 0 auto 12px;
         }
         .game-name {
         margin-bottom: 2px;
         margin-top: 6px;
         }
         .game-result {
         margin: 8px 0 10px;
         }
         .chart-btn a:hover {
         transform: scale(1.03);
         }
         }
         @media (max-width: 320px) {
         .fast-result-tag {
         margin: 8px 0 4px;
         letter-spacing: 0.6px;
         }
         .game-update-card {
         margin: 0 auto 10px;
         }
         .chart-btn a {
         letter-spacing: 1px;
         }
         .chart-btn a:hover {
         transform: scale(1.02);
         }
         }
         /* High contrast mode support */
         @media (prefers-contrast: high) {
         .fast-result-tag {
         color: #ffff00;
         text-shadow: 2px 2px 8px #000000, 0 1px 2px #000000;
         }
         .current-date-time {
         color: #ffffff;
         text-shadow: 0 2px 10px #000000, 0 0 1px #000000;
         }
         .game-name {
         color: #ffffff;
         text-shadow: 0 3px 16px #000000, 1px 1px 6px #000000;
         }
         .game-result {
         color: #00ff00;
         text-shadow: 1px 1px 15px #000000, 0 0 25px #000000;
         }
         }
         /* Reduced motion support */
         @media (prefers-reduced-motion: reduce) {
         .chart-btn a {
         transition: none;
         }
         .chart-btn a:hover {
         transform: none;
         }
         }
         /* Print styles */
         @media print {
         .fast-result-tag,
         .current-date-time,
         .game-name,
         .game-result,
         .result-wait-time {
         color: #000000 !important;
         text-shadow: none !important;
         }
         .chart-btn {
         display: none;
         }
         .game-update-card {
         break-inside: avoid;
         }
         }
         /* Container for centering all content */
         .results-container {
         max-width: 1200px;
         margin: 0 auto;
         padding: 0 15px;
         }
         /* For larger screens - optional grid layout */
         @media (min-width: 1024px) {
         .games-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
         gap: 20px;
         margin-top: 20px;
         }
         .games-grid .game-update-card {
         margin-bottom: 0;
         }
         }
         /* Satta King Google Search Widget - Mobile Friendly */
         .sg-wrap {
         max-width: 600px;
         margin: 20px auto;
         padding: 0 15px;
         }
         .sg-theme {
         font-family: 'Noto Sans Devanagari', 'Mangal', 'Arial Unicode MS', sans-serif;
         }
         .sg-card {
         background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 50%, #1a1a1a 100%);
         border: 2px solid #ffd700;
         border-radius: 20px;
         padding: 25px 20px;
         box-shadow: 
         0 8px 25px rgba(255, 215, 0, 0.3),
         inset 0 1px 0 rgba(255, 255, 255, 0.1);
         position: relative;
         overflow: hidden;
         transition: all 0.3s ease;
         }
         .sg-card:hover {
         border-color: #ffdd00;
         box-shadow: 
         0 12px 35px rgba(255, 215, 0, 0.4),
         inset 0 1px 0 rgba(255, 255, 255, 0.15),
         0 0 20px rgba(255, 215, 0, 0.2);
         }
         /* Animated background effect */
         .sg-card::before {
         content: '';
         position: absolute;
         top: -50%;
         left: -50%;
         width: 200%;
         height: 200%;
         background: radial-gradient(circle, rgba(255, 215, 0, 0.08) 0%, transparent 70%);
         animation: rotate-bg 8s linear infinite;
         z-index: 1;
         }
         @keyframes rotate-bg {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* Header Section */
         .sg-brand {
         text-align: center;
         margin-bottom: 20px;
         position: relative;
         z-index: 2;
         }
         .sg-title {
         font-size: clamp(20px, 4.5vw, 28px);
         font-weight: 900;
         color: #ffd700;
         margin-bottom: 8px;
         text-transform: lowercase;
         letter-spacing: 1px;
         text-shadow: 
         0 2px 4px rgba(0, 0, 0, 0.8),
         0 0 10px rgba(255, 215, 0, 0.4);
         animation: title-glow 3s ease-in-out infinite;
         }
         @keyframes title-glow {
         0%, 100% {
         text-shadow: 
         0 2px 4px rgba(0, 0, 0, 0.8),
         0 0 10px rgba(255, 215, 0, 0.4);
         }
         50% {
         text-shadow: 
         0 2px 4px rgba(0, 0, 0, 0.8),
         0 0 15px rgba(255, 215, 0, 0.6);
         }
         }
         .sg-sub {
         font-size: clamp(12px, 2.8vw, 16px);
         color: #ffffff;
         line-height: 1.4;
         font-weight: 600;
         text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
         margin-bottom: 15px;
         }
         /* Search Form */
         .sg-form {
         position: relative;
         z-index: 2;
         }
         .sg-input {
         width: 100%;
         padding: 15px 20px;
         font-size: clamp(14px, 3vw, 16px);
         font-weight: 600;
         color: #333333;
         background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
         border: 2px solid #ffd700;
         border-radius: 50px;
         outline: none;
         margin-bottom: 15px;
         box-shadow: 
         0 4px 12px rgba(255, 215, 0, 0.2),
         inset 0 2px 4px rgba(0, 0, 0, 0.1);
         transition: all 0.3s ease;
         text-align: center;
         letter-spacing: 0.5px;
         }
         .sg-input:focus {
         border-color: #ffdd00;
         background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
         box-shadow: 
         0 6px 18px rgba(255, 215, 0, 0.4),
         inset 0 2px 4px rgba(0, 0, 0, 0.05),
         0 0 0 3px rgba(255, 215, 0, 0.2);
         transform: scale(1.02);
         }
         .sg-input::placeholder {
         color: #666666;
         font-weight: 500;
         }
         /* Search Actions */
         .sg-actions {
         text-align: center;
         }
         .sg-btn {
         background: linear-gradient(135deg, #ff4444 0%, #cc0000 50%, #ff0000 100%);
         color: #ffffff;
         border: 2px solid #ffd700;
         padding: 12px 25px;
         border-radius: 50px;
         font-size: clamp(14px, 3vw, 16px);
         font-weight: 700;
         cursor: pointer;
         transition: all 0.3s ease;
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
         box-shadow: 
         0 4px 15px rgba(255, 68, 68, 0.4),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
         letter-spacing: 0.5px;
         min-width: 150px;
         }
         .sg-btn:hover {
         background: linear-gradient(135deg, #ff6666 0%, #ff0000 50%, #ff3333 100%);
         border-color: #ffdd00;
         transform: translateY(-2px) scale(1.05);
         box-shadow: 
         0 8px 25px rgba(255, 68, 68, 0.6),
         inset 0 1px 0 rgba(255, 255, 255, 0.3),
         0 0 15px rgba(255, 215, 0, 0.5);
         }
         .sg-btn:active {
         transform: translateY(0) scale(1.02);
         box-shadow: 
         0 2px 8px rgba(255, 68, 68, 0.4),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
         }
         .sg-btn:focus {
         outline: 3px solid #ffd700;
         outline-offset: 3px;
         }
         /* Mobile optimizations */
         @media (max-width: 768px) {
         .sg-wrap {
         margin: 15px auto;
         padding: 0 10px;
         }
         .sg-card {
         padding: 20px 15px;
         border-radius: 15px;
         }
         .sg-brand {
         margin-bottom: 15px;
         }
         .sg-title {
         margin-bottom: 6px;
         }
         .sg-sub {
         margin-bottom: 12px;
         }
         .sg-input {
         padding: 12px 18px;
         margin-bottom: 12px;
         }
         .sg-btn {
         padding: 10px 20px;
         min-width: 130px;
         }
         }
         @media (max-width: 480px) {
         .sg-wrap {
         margin: 12px auto;
         padding: 0 8px;
         }
         .sg-card {
         padding: 15px 12px;
         border-radius: 12px;
         border-width: 1px;
         }
         .sg-input {
         padding: 10px 15px;
         margin-bottom: 10px;
         border-radius: 40px;
         }
         .sg-input:focus {
         transform: scale(1.01);
         }
         .sg-btn {
         padding: 8px 16px;
         min-width: 120px;
         border-radius: 40px;
         }
         .sg-btn:hover {
         transform: translateY(-1px) scale(1.03);
         }
         }
         @media (max-width: 320px) {
         .sg-card {
         padding: 12px 8px;
         }
         .sg-input {
         padding: 8px 12px;
         }
         .sg-btn {
         padding: 6px 12px;
         min-width: 100px;
         font-size: 14px;
         }
         }
         /* High contrast mode */
         @media (prefers-contrast: high) {
         .sg-card {
         border-color: #ffff00;
         border-width: 3px;
         }
         .sg-title {
         color: #ffff00;
         }
         .sg-input {
         border-color: #ffff00;
         border-width: 3px;
         }
         .sg-btn {
         border-color: #ffff00;
         border-width: 3px;
         }
         }
         /* Reduced motion support */
         @media (prefers-reduced-motion: reduce) {
         .sg-card::before,
         .sg-title {
         animation: none;
         }
         .sg-card,
         .sg-input,
         .sg-btn {
         transition: none;
         }
         .sg-input:focus,
         .sg-btn:hover {
         transform: none;
         }
         }
         /* Loading state */
         .sg-btn.loading {
         pointer-events: none;
         opacity: 0.7;
         position: relative;
         }
         .sg-btn.loading::after {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 16px;
         height: 16px;
         margin: -8px 0 0 -8px;
         border: 2px solid transparent;
         border-top: 2px solid #ffffff;
         border-radius: 50%;
         animation: spin 1s linear infinite;
         }
         @keyframes spin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* Print styles */
         @media print {
         .sg-wrap {
         display: none;
         }
         }
         /* Dark mode optimization */
         @media (prefers-color-scheme: dark) {
         .sg-card {
         background: linear-gradient(135deg, #0d0d0d 0%, #000000 50%, #0d0d0d 100%);
         }
         .sg-input {
         background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);
         }
         }
         /* Success state animation */
         .sg-btn.success {
         background: linear-gradient(135deg, #44ff44 0%, #00cc00 50%, #00ff00 100%);
         color: #000000;
         border-color: #ffd700;
         }
         /* Input selection styling */
         .sg-input::selection {
         background: rgba(255, 215, 0, 0.3);
         color: #000000;
         }
         .sg-input::-moz-selection {
         background: rgba(255, 215, 0, 0.3);
         color: #000000;
         }
         /* Casino Game Results Table - Compact & Stylish */
         /* ========== TABLE-ONLY CSS (scoped) ========== */
         /* Wrapper */
         .table-container{
         width:100%;
         overflow-x:auto;              /* mobile scroll */
         margin:15px auto;
         -webkit-overflow-scrolling:touch;
         }
         /* Heading above table */
         .table-container .table-keyword-header{
         width:100%;
         text-align:center;
         font-size:22px;
         font-weight:900;
         color:#388e3c;
         background:transparent;
         letter-spacing:2px;
         margin:18px 0 10px;
         text-shadow:2px 2px 12px rgba(183,28,28,.6), 0 2px 6px #fffbe6;
         text-transform:uppercase;
         font-family:'Segoe UI', Arial, sans-serif;
         }
         /* Table base */
         .table-container .game-chart-table{
         width:100%;
         border-collapse:separate;
         border-spacing:0;
         background:#fff;
         color:#212121;
         font-size:1rem;
         border-radius:12px;
         box-shadow:0 4px 18px rgba(0,0,0,.06);
         margin:0 auto 16px;
         overflow:hidden;              /* keep rounded corners on hover */
         border:1.5px solid #ffe066;
         }
         /* Cells */
         .table-container .game-chart-table th,
         .table-container .game-chart-table td{
         padding:12px 8px;
         text-align:center;
         border:1px solid #ffe066;
         font-size:1.05rem;
         white-space:nowrap;
         }
         /* Header row */
         .table-container .game-chart-table th{
         background:#ffe066;
         color:#d32f2f;
         font-weight:900;
         letter-spacing:.9px;
         text-transform:uppercase;
         border:none;
         }
         /* Zebra */
         .table-container .game-chart-table tbody tr:nth-child(even) td{ background:#fffbe6; }
         .table-container .game-chart-table tbody tr:nth-child(odd)  td{ background:#fff; }
         /* Hover */
         .table-container .game-chart-table tr:hover td{
         background:#ffe066 !important;
         color:#d32f2f;
         }
         /* Time, values, button inside table */
         .table-container .game-time{
         font-size:.93em;
         color:#ff1744;
         font-weight:700;
         letter-spacing:.4px;
         }
         .table-container .old-value{
         color:#d60000 !important;
         font-size:20px;
         font-weight:900;
         letter-spacing:1px;
         }
         .table-container .new-value{
         color:#388e3c !important;
         font-size:20px;
         font-weight:900;
         letter-spacing:1px;
         }
         /* Chart CTA inside first column */
         .table-container .btn-chart{
         display:inline-block;
         margin-top:6px;
         background:#ffe066;
         color:#b71c1c;
         border:2px solid #b71c1c;
         padding:8px 17px;
         border-radius:7px;
         text-decoration:none;
         font-weight:700;
         font-size:15px;
         box-shadow:0 3px 12px rgba(0,0,0,.12);
         transition:background .14s, color .16s, box-shadow .19s, border-color .16s;
         }
         .table-container .btn-chart:hover{
         background:#fffbe6;
         color:#b71c1c;
         }
         /* ========== Responsive ========== */
         @media (max-width:1024px){
         .table-container .game-chart-table{ font-size:14px; }
         .table-container .table-keyword-header{ font-size:20px; }
         }
         @media (max-width:900px){
         .table-container .game-chart-table{
         min-width:550px;            /* keep columns readable */
         font-size:.93rem;
         }
         .table-container .game-chart-table th,
         .table-container .game-chart-table td{
         min-width:65px;
         padding:8px 6px;
         font-size:.97rem;
         }
         }
         @media (max-width:768px){
         .table-container .game-chart-table{ font-size:13px; }
         .table-container .table-keyword-header{ font-size:18px; }
         }
         @media (max-width:600px){
         .table-container .game-chart-table{ font-size:.89rem; }
         .table-container .game-chart-table th,
         .table-container .game-chart-table td{
         padding:6px 5px;
         font-size:.88rem;
         }
         .table-container .table-keyword-header{ font-size:16px; }
         }
         @media (max-width:480px){
         .table-container .game-chart-table{
         min-width:370px;            /* allow horizontal scroll on tiny screens */
         }
         .table-container .game-chart-table th,
         .table-container .game-chart-table td{
         padding:4px 5px;
         }
         }
         /* ========= SATTAKING GUESSER FORUM (Theme Matched) ========= */
         /* Title - Theme Green */
         .forum-enter{
         text-align:center;
         color:#388e3c;
         font-size:clamp(1.2rem, 5vw, 2.1rem);
         font-weight:900;
         margin:30px auto 19px auto;
         letter-spacing:2.5px;
         text-shadow:2px 2px 14px rgba(255,215,0,.6), 0 2px 8px rgba(56,142,60,.3), 0 1px 5px rgba(255,255,255,.5);
         text-transform:uppercase;
         animation: forum-bounce-in-x 1s cubic-bezier(.46,.03,.52,.96);
         position: relative;
         overflow: hidden;
         }
         /* Add glow effect to title */
         .forum-enter::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255,215,0,0.2), transparent);
         animation: titleShine 4s ease-in-out infinite;
         }
         @keyframes titleShine {
         0%, 100% { left: -100%; }
         50% { left: 100%; }
         }
         /* CTA Button - Theme Yellow with Red accent */
         .click-button{
         display:block;
         margin:0 auto 32px auto;
         width:60%;
         padding:clamp(12px, 3vw, 16px) clamp(32px, 8vw, 48px);
         background:linear-gradient(135deg, #ffd700 0%, #ffe066 50%, #ffed4e 100%);
         color:#d32f2f;
         font-weight:900;
         font-size:clamp(1rem, 4vw, 1.35rem);
         letter-spacing:2px;
         text-align:center;
         border:2px solid #d32f2f;
         border-radius:16px;
         box-shadow:0 5px 28px rgba(255,215,0,.3), 0 3px 12px rgba(211,47,47,.4);
         text-transform:uppercase;
         text-decoration:none;
         cursor:pointer;
         transition:all 0.3s ease;
         position:relative;
         z-index:2;
         overflow: hidden;
         animation: buttonPulse 3s ease-in-out infinite;
         }
         /* Button pulse animation */
         @keyframes buttonPulse {
         0%, 100% {
         box-shadow: 0 5px 28px rgba(255,215,0,.3), 0 3px 12px rgba(211,47,47,.4);
         }
         50% {
         box-shadow: 0 8px 35px rgba(255,215,0,.5), 0 5px 18px rgba(211,47,47,.6);
         }
         }
         /* Button ripple effect */
         .click-button::before {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 0;
         height: 0;
         background: rgba(255,255,255,0.3);
         border-radius: 50%;
         transform: translate(-50%, -50%);
         transition: width 0.4s ease, height 0.4s ease;
         }
         /* Enhanced Hover/Active/Focus - Theme colors */
         .click-button:hover,
         .click-button:focus{
         background:linear-gradient(135deg, #ffed4e 0%, #fff59d 50%, #ffd700 100%);
         color:#b71c1c;
         border-color:#b71c1c;
         box-shadow:0 8px 35px rgba(255,215,0,.4), 0 6px 20px rgba(183,28,28,.5), 0 0 25px rgba(255,215,0,.3);
         transform:scale(1.05) translateY(-3px);
         outline:none;
         }
         .click-button:hover::before,
         .click-button:focus::before {
         width: 300px;
         height: 300px;
         }
         .click-button:active{
         transform:scale(1.02) translateY(-1px);
         box-shadow:0 4px 20px rgba(255,215,0,.3), 0 2px 10px rgba(211,47,47,.4);
         }
         .click-button:focus-visible{
         outline:3px solid #ffd700;
         outline-offset:4px;
         }
         /* Enhanced Animation with theme elements */
         @keyframes forum-bounce-in-x{
         0%{
         opacity:0; 
         transform:scale(.7) translateY(-60px);
         text-shadow: none;
         }
         40%{
         opacity:0.7;
         transform:scale(1.1) translateY(15px);
         text-shadow:1px 1px 8px rgba(255,215,0,.4);
         }
         80%{
         opacity:1; 
         transform:scale(1.05) translateY(5px);
         text-shadow:2px 2px 12px rgba(255,215,0,.5), 0 2px 6px rgba(56,142,60,.2);
         }
         100%{
         opacity:1; 
         transform:scale(1) translateY(0);
         text-shadow:2px 2px 14px rgba(255,215,0,.6), 0 2px 8px rgba(56,142,60,.3), 0 1px 5px rgba(255,255,255,.5);
         }
         }
         /* Additional theme animations */
         .forum-enter {
         animation: forum-bounce-in-x 1s cubic-bezier(.46,.03,.52,.96), titleGlow 4s ease-in-out infinite 1s;
         }
         @keyframes titleGlow {
         0%, 100% {
         color: #388e3c;
         text-shadow: 2px 2px 14px rgba(255,215,0,.6), 0 2px 8px rgba(56,142,60,.3), 0 1px 5px rgba(255,255,255,.5);
         }
         50% {
         color: #2e7d32;
         text-shadow: 2px 2px 18px rgba(255,215,0,.8), 0 4px 12px rgba(56,142,60,.5), 0 2px 8px rgba(255,255,255,.7);
         }
         }
         /* Mobile optimized with theme */
         @media (max-width:768px){
         .forum-enter{
         font-size:clamp(1rem, 4.5vw, 1.4rem);
         margin:20px auto 15px auto;
         letter-spacing: 1.8px;
         }
         .click-button{
         font-size:clamp(0.9rem, 3.5vw, 1.1rem);
         padding:12px 24px;
         border-radius:12px;
         letter-spacing: 1.5px;
         }
         }
         @media (max-width:480px){
         .forum-enter{
         font-size:clamp(0.9rem, 4vw, 1.2rem);
         margin:15px auto 12px auto;
         letter-spacing: 1.2px;
         }
         .click-button{
         font-size:clamp(0.8rem, 3vw, 1rem);
         padding:10px 20px;
         border-radius:10px;
         margin: 0 auto 20px auto;
         }
         }
         @media (max-width:360px){
         .forum-enter{
         font-size: 1rem;
         margin:12px auto 10px auto;
         letter-spacing: 1px;
         }
         .click-button{
         font-size: 0.9rem;
         padding:8px 16px;
         border-radius:8px;
         letter-spacing: 1px;
         }
         }
         /* Loading state for button */
         .click-button.loading {
         pointer-events: none;
         opacity: 0.8;
         }
         .click-button.loading::after {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 20px;
         height: 20px;
         margin: -10px 0 0 -10px;
         border: 2px solid transparent;
         border-top: 2px solid #d32f2f;
         border-radius: 50%;
         animation: buttonSpin 1s linear infinite;
         }
         @keyframes buttonSpin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* High contrast mode support */
         @media (prefers-contrast: high) {
         .forum-enter {
         color: #2e7d32;
         text-shadow: none;
         border: 2px solid #2e7d32;
         padding: 10px;
         }
         .click-button {
         background: #ffd700;
         color: #000;
         border: 3px solid #d32f2f;
         }
         }
         /* Reduced motion accessibility */
         @media (prefers-reduced-motion:reduce){
         .forum-enter{ 
         animation: none; 
         }
         .click-button{ 
         transition: none; 
         animation: none;
         }
         .click-button::before {
         display: none;
         }
         .forum-enter::before {
         display: none;
         }
         }
         /* Touch device optimizations */
         @media (hover: none) and (pointer: coarse) {
         .click-button:hover {
         transform: none;
         background: linear-gradient(135deg, #ffd700 0%, #ffe066 50%, #ffed4e 100%);
         color: #d32f2f;
         box-shadow: 0 5px 28px rgba(255,215,0,.3), 0 3px 12px rgba(211,47,47,.4);
         }
         .click-button:active {
         transform: scale(0.98);
         background: linear-gradient(135deg, #ffed4e 0%, #fff59d 50%, #ffd700 100%);
         }
         }
         /* Print styles */
         @media print {
         .forum-enter {
         color: #000;
         text-shadow: none;
         animation: none;
         }
         .click-button {
         background: #f0f0f0;
         color: #000;
         border: 2px solid #000;
         box-shadow: none;
         animation: none;
         }
         .click-button::before,
         .forum-enter::before {
         display: none;
         }
         }
         /* ===== CTA Combo Buttons (ONLY these two anchors) ===== */
         .btn-player,
         .btn-player-color{
         display:block;
         width:80%;
         max-width:480px;
         margin:22px auto 0;
         padding:16px 14px;
         text-align:center;
         text-decoration:none;
         font:900 1.12rem/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
         letter-spacing:1.1px;
         text-transform:uppercase;
         color:#232323;
         background:linear-gradient(90deg,#ffcd00 55%, #ff1744 120%);
         border:2.5px solid #ffcd00;
         border-radius:14px;
         box-shadow:0 6px 24px rgba(255,23,68,.15), 0 2px 7px rgba(255,205,0,.25);
         transition:background .16s ease, color .16s ease, border-color .14s ease,
         box-shadow .15s ease, transform .13s ease;
         }
         /* Hover/Active/Focus */
         .btn-player:hover,
         .btn-player-color:hover{
         background:linear-gradient(90deg,#ff1744 13%, #ffcd00 100%);
         color:#fff;
         border-color:#ff1744;
         box-shadow:0 9px 36px rgba(255,23,68,.24), 0 2px 13px rgba(255,205,0,.25);
         transform:scale(1.045);
         }
         .btn-player:active,
         .btn-player-color:active{ transform:scale(1.02); }
         .btn-player:focus-visible,
         .btn-player-color:focus-visible{
         outline:3px solid #ffd400;
         outline-offset:3px;
         }
         /* First button में <br> का spacing */
         .btn-player-color br{
         display:block;
         margin:4px 0;
         }
         /* जब दो buttons साथ हों तो gap */
         .btn-player + .btn-player,
         .btn-player + .btn-player-color,
         .btn-player-color + .btn-player,
         .btn-player-color + .btn-player-color{
         margin-top:14px;
         }
         /* Mobile: 100% device-fit */
         @media (max-width:700px){
         .btn-player,
         .btn-player-color{
         width:100%;
         max-width:99vw;
         font-size:1rem;
         padding:12px 10px;
         }
         }
         /* ========== TMX CHART TABLES - NO SCROLL FIXED WIDTH ========== */
         /* Wrapper Container - No Scroll */
         .tmx-wrap {
         width: 100%;
         max-width: 100%;
         margin: 20px auto;
         background: #ffffff;
         border: 1px solid #ffe066;
         border-radius: 12px;
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
         overflow: hidden;
         animation: tableSlideIn 0.8s ease-out;
         position: relative;
         }
         @keyframes tableSlideIn {
         from {
         opacity: 0;
         transform: translateY(20px) scale(0.98);
         }
         to {
         opacity: 1;
         transform: translateY(0) scale(1);
         }
         }
         /* Scroll Container - NO HORIZONTAL SCROLL */
         .tmx-scroll {
         overflow: visible;
         width: 100%;
         }
         /* Table Base - Fixed Layout for Equal Columns */
         .tmx-table {
         width: 100% !important;
         table-layout: fixed !important;
         border-collapse: separate;
         border-spacing: 0;
         background: #ffffff;
         font-family: 'Arial', 'Segoe UI', sans-serif;
         font-size: clamp(12px, 2.2vw, 14px);
         }
         .tmx-table--chart {
         width: 100% !important;
         max-width: 100% !important;
         }
         /* Equal Column Widths - 6 columns total */
         .tmx-table th,
         .tmx-table td {
         width: 16.666% !important; /* 100% / 6 columns = 16.666% each */
         }
         /* Table Headers - Equal Width */
         .tmx-th {
         background: linear-gradient(135deg, #ffe066 0%, #ffd700 50%, #ffe066 100%);
         color: #d32f2f;
         padding: clamp(10px, 2.5vw, 15px) clamp(5px, 1vw, 12px);
         text-align: center;
         font-weight: 700;
         font-size: clamp(10px, 1.8vw, 13px);
         text-transform: uppercase;
         letter-spacing: 1px;
         border: none;
         position: relative;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         animation: headerSlideDown 0.6s ease-out;
         }
         @keyframes headerSlideDown {
         from {
         opacity: 0;
         transform: translateY(-10px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         /* Date Header - NO STICKY */
         .tmx-th--date {
         background: linear-gradient(135deg, #388e3c 0%, #2e7d32 100%);
         color: #ffffff;
         font-weight: 900;
         text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
         width: 16.666% !important;
         }
         /* Header Shine Effect */
         .tmx-th::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
         animation: headerShine 4s ease-in-out infinite;
         }
         @keyframes headerShine {
         0%, 100% { left: -100%; }
         50% { left: 100%; }
         }
         /* Table Body */
         .tmx-table tbody {
         background: #ffffff;
         }
         /* Table Rows */
         .tmx-table tbody tr {
         border-bottom: 1px solid #e9ecef;
         transition: all 0.3s ease;
         animation: rowFadeIn 0.6s ease-out;
         animation-fill-mode: both;
         }
         @keyframes rowFadeIn {
         from {
         opacity: 0;
         transform: translateX(-15px);
         }
         to {
         opacity: 1;
         transform: translateX(0);
         }
         }
         /* Row Animation Delays */
         .tmx-table tbody tr:nth-child(1) { animation-delay: 0.1s; }
         .tmx-table tbody tr:nth-child(2) { animation-delay: 0.15s; }
         .tmx-table tbody tr:nth-child(3) { animation-delay: 0.2s; }
         .tmx-table tbody tr:nth-child(4) { animation-delay: 0.25s; }
         .tmx-table tbody tr:nth-child(5) { animation-delay: 0.3s; }
         /* Zebra Striping */
         .tmx-table tbody tr:nth-child(even) {
         background: linear-gradient(90deg, #f8f9fa 0%, #e9ecef 100%);
         }
         .tmx-table tbody tr:nth-child(odd) {
         background: #ffffff;
         }
         /* Hover Effects */
         .tmx-table tbody tr:hover {
         background: linear-gradient(90deg, #fff3cd 0%, #ffeaa7 100%) !important;
         transform: translateY(-1px);
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         }
         /* Today Row Highlight */
         .tmx-table tbody tr.is-today {
         background: linear-gradient(90deg, #e8f5e8 0%, #c8e6c9 100%) !important;
         border: 2px solid #388e3c;
         animation: todayPulse 2s ease-in-out infinite;
         }
         @keyframes todayPulse {
         0%, 100% {
         box-shadow: 0 0 10px rgba(56, 142, 60, 0.3);
         }
         50% {
         box-shadow: 0 0 20px rgba(56, 142, 60, 0.6);
         }
         }
         .tmx-table tbody tr.is-today:hover {
         background: linear-gradient(90deg, #c8e6c9 0%, #a5d6a7 100%) !important;
         }
         /* Table Cells - Equal Width */
         .tmx-td {
         padding: clamp(8px, 2vw, 12px) clamp(3px, 0.8vw, 10px);
         text-align: center;
         border: none;
         font-size: clamp(10px, 1.8vw, 13px);
         vertical-align: middle;
         transition: all 0.3s ease;
         width: 16.666% !important;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         }
         /* Date Cell - NO STICKY */
         .tmx-td--date {
         background: linear-gradient(90deg, #f8f9fa 0%, #e9ecef 100%);
         font-weight: 700;
         color: #2c3e50;
         width: 16.666% !important;
         border-right: 2px solid #ffe066;
         }
         .tmx-table tbody tr.is-today .tmx-td--date {
         background: linear-gradient(90deg, #c8e6c9 0%, #a5d6a7 100%) !important;
         color: #1b5e20;
         font-weight: 900;
         }
         /* Result Numbers Styling */
         .tmx-td:not(.tmx-td--date) {
         font-weight: 600;
         color: #d32f2f;
         font-size: clamp(11px, 2vw, 16px);
         text-shadow: 0 1px 2px rgba(211, 47, 47, 0.2);
         }
         /* Dash Styling for Empty Results */
         .tmx-td:not(.tmx-td--date):has-text('-'),
         .tmx-td:not(.tmx-td--date)[data-value='-'] {
         color: #6c757d;
         font-weight: 400;
         font-size: clamp(14px, 2.5vw, 18px);
         }
         /* Number Glow Animation */
         .tmx-td:not(.tmx-td--date):not(:empty) {
         animation: numberGlow 3s ease-in-out infinite;
         }
         @keyframes numberGlow {
         0%, 100% {
         color: #d32f2f;
         text-shadow: 0 1px 2px rgba(211, 47, 47, 0.2);
         }
         50% {
         color: #ff1744;
         text-shadow: 0 0 8px rgba(255, 23, 68, 0.4);
         }
         }
         /* ========== Responsive Design - NO SCROLL ========== */
         /* Large Tablets */
         @media (max-width: 1024px) {
         .tmx-wrap {
         margin: 15px auto;
         border-radius: 10px;
         }
         .tmx-table {
         font-size: clamp(11px, 1.8vw, 13px);
         }
         .tmx-th,
         .tmx-td {
         padding: clamp(8px, 1.8vw, 12px) clamp(3px, 0.8vw, 8px);
         }
         }
         /* Tablets */
         @media (max-width: 768px) {
         .tmx-wrap {
         margin: 10px 5px;
         border-radius: 8px;
         }
         .tmx-th,
         .tmx-td {
         padding: clamp(6px, 1.5vw, 10px) clamp(2px, 0.6vw, 6px);
         font-size: clamp(9px, 1.6vw, 12px);
         }
         .tmx-th {
         letter-spacing: 0.5px;
         }
         }
         /* Mobile Phones */
         @media (max-width: 480px) {
         .tmx-wrap {
         margin: 8px 2px;
         border-radius: 6px;
         }
         .tmx-th,
         .tmx-td {
         padding: clamp(5px, 1.2vw, 8px) clamp(1px, 0.4vw, 4px);
         font-size: clamp(8px, 1.4vw, 11px);
         }
         .tmx-th {
         letter-spacing: 0.3px;
         }
         .tmx-td:not(.tmx-td--date) {
         font-size: clamp(9px, 1.5vw, 12px);
         }
         }
         /* Extra Small Phones */
         @media (max-width: 360px) {
         .tmx-wrap {
         margin: 5px 1px;
         }
         .tmx-th,
         .tmx-td {
         padding: clamp(4px, 1vw, 6px) clamp(1px, 0.3vw, 3px);
         font-size: clamp(7px, 1.2vw, 9px);
         }
         .tmx-th {
         letter-spacing: 0.2px;
         }
         .tmx-td:not(.tmx-td--date) {
         font-size: clamp(8px, 1.3vw, 10px);
         }
         }
         /* Very Small Screens */
         @media (max-width: 320px) {
         .tmx-th,
         .tmx-td {
         padding: 3px 1px;
         font-size: 7px;
         }
         .tmx-td:not(.tmx-td--date) {
         font-size: 8px;
         }
         .tmx-th {
         letter-spacing: 0;
         }
         }
         /* ========== Accessibility & Performance ========== */
         /* Reduced Motion */
         @media (prefers-reduced-motion: reduce) {
         .tmx-wrap,
         .tmx-th,
         .tmx-table tbody tr,
         .tmx-td {
         animation: none !important;
         }
         .tmx-table tbody tr:hover {
         transform: none !important;
         }
         }
         /* High Contrast Mode */
         @media (prefers-contrast: high) {
         .tmx-wrap {
         border: 2px solid #000;
         }
         .tmx-th {
         background: #fff !important;
         color: #000 !important;
         border: 1px solid #000 !important;
         }
         .tmx-th--date {
         background: #000 !important;
         color: #fff !important;
         }
         .tmx-td {
         border: 1px solid #ccc !important;
         }
         }
         /* Focus Styles for Accessibility */
         .tmx-table:focus {
         outline: 3px solid #ffd700;
         outline-offset: 2px;
         }
         /* Print Styles */
         @media print {
         .tmx-wrap {
         box-shadow: none !important;
         border: 1px solid #000 !important;
         margin: 10px 0 !important;
         page-break-inside: avoid;
         }
         .tmx-table {
         width: 100% !important;
         }
         .tmx-th {
         background: #f0f0f0 !important;
         color: #000 !important;
         }
         .tmx-th--date {
         background: #e0e0e0 !important;
         color: #000 !important;
         }
         .tmx-td {
         color: #000 !important;
         }
         .tmx-table tbody tr.is-today {
         background: #f5f5f5 !important;
         border: 1px solid #000 !important;
         }
         }
         /* Loading State */
         .tmx-wrap.loading {
         opacity: 0.7;
         pointer-events: none;
         }
         .tmx-wrap.loading::after {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 40px;
         height: 40px;
         margin: -20px 0 0 -20px;
         border: 3px solid #ffe066;
         border-top: 3px solid #d32f2f;
         border-radius: 50%;
         animation: loadingSpin 1s linear infinite;
         z-index: 1000;
         }
         @keyframes loadingSpin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
         }
         /* ========== SATTA KING CHART NAVIGATION LINKS ========== */
         /* Navigation Container */
         .chart-navigation {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 15px;
         padding: 20px;
         max-width: 1200px;
         margin: 0 auto;
         animation: navSlideIn 0.8s ease-out;
         }
         @keyframes navSlideIn {
         from {
         opacity: 0;
         transform: translateY(30px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         /* Chart Link Styling */
         .chart-navigation a {
         display: block;
         padding: 18px 24px;
         background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
         color: #2c3e50;
         text-decoration: none;
         border: 2px solid #ffe066;
         border-radius: 12px;
         font-weight: 700;
         font-size: clamp(14px, 2.5vw, 16px);
         text-align: center;
         position: relative;
         overflow: hidden;
         transition: all 0.3s ease;
         box-shadow: 0 4px 15px rgba(255, 224, 102, 0.2);
         animation: linkFadeIn 0.6s ease-out;
         animation-fill-mode: both;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         }
         /* Staggered Animation for Links */
         .chart-navigation a:nth-child(1) { animation-delay: 0.1s; }
         .chart-navigation a:nth-child(2) { animation-delay: 0.15s; }
         .chart-navigation a:nth-child(3) { animation-delay: 0.2s; }
         .chart-navigation a:nth-child(4) { animation-delay: 0.25s; }
         .chart-navigation a:nth-child(5) { animation-delay: 0.3s; }
         .chart-navigation a:nth-child(6) { animation-delay: 0.35s; }
         .chart-navigation a:nth-child(7) { animation-delay: 0.4s; }
         .chart-navigation a:nth-child(8) { animation-delay: 0.45s; }
         .chart-navigation a:nth-child(9) { animation-delay: 0.5s; }
         .chart-navigation a:nth-child(10) { animation-delay: 0.55s; }
         .chart-navigation a:nth-child(11) { animation-delay: 0.6s; }
         .chart-navigation a:nth-child(12) { animation-delay: 0.65s; }
         .chart-navigation a:nth-child(13) { animation-delay: 0.7s; }
         .chart-navigation a:nth-child(14) { animation-delay: 0.75s; }
         .chart-navigation a:nth-child(15) { animation-delay: 0.8s; }
         @keyframes linkFadeIn {
         from {
         opacity: 0;
         transform: translateX(-20px) scale(0.95);
         }
         to {
         opacity: 1;
         transform: translateX(0) scale(1);
         }
         }
         /* Glow Effect */
         .chart-navigation a::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.2), transparent);
         transition: left 0.5s ease;
         }
         /* Pulse Animation */
         .chart-navigation a {
         animation: linkFadeIn 0.6s ease-out, linkPulse 4s ease-in-out infinite 2s;
         }
         @keyframes linkPulse {
         0%, 100% {
         box-shadow: 0 4px 15px rgba(255, 224, 102, 0.2);
         }
         50% {
         box-shadow: 0 6px 25px rgba(255, 224, 102, 0.4);
         }
         }
         /* Hover Effects */
         .chart-navigation a:hover {
         background: linear-gradient(135deg, #ffe066 0%, #ffd700 100%);
         color: #d32f2f;
         border-color: #d32f2f;
         transform: translateY(-3px) scale(1.02);
         box-shadow: 0 8px 30px rgba(255, 215, 0, 0.4), 0 4px 15px rgba(211, 47, 47, 0.2);
         }
         .chart-navigation a:hover::before {
         left: 100%;
         }
         /* Active/Focus States */
         .chart-navigation a:active {
         transform: translateY(-1px) scale(1.01);
         box-shadow: 0 4px 20px rgba(255, 215, 0, 0.3);
         }
         .chart-navigation a:focus {
         outline: 3px solid #ffd700;
         outline-offset: 3px;
         }
         /* Special Highlight for Popular Links */
         .chart-navigation a[href*="live-result"],
         .chart-navigation a[href*="daily-update"],
         .chart-navigation a[href*="chart/index"] {
         background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);
         border-color: #388e3c;
         position: relative;
         }
         .chart-navigation a[href*="live-result"]::after,
         .chart-navigation a[href*="daily-update"]::after,
         .chart-navigation a[href*="chart/index"]::after {
         content: '🔥';
         position: absolute;
         top: -5px;
         right: 10px;
         font-size: 18px;
         animation: fireFlicker 1.5s ease-in-out infinite;
         }
         @keyframes fireFlicker {
         0%, 100% { transform: scale(1) rotate(0deg); }
         25% { transform: scale(1.1) rotate(-5deg); }
         75% { transform: scale(0.9) rotate(5deg); }
         }
         /* Featured Link Styling */
         .chart-navigation a[href*="live-result"]:hover,
         .chart-navigation a[href*="daily-update"]:hover {
         background: linear-gradient(135deg, #388e3c 0%, #2e7d32 100%);
         color: #ffffff;
         border-color: #ffffff;
         }
         /* Link Content Styling */
         .chart-navigation a::after {
         content: '→';
         position: absolute;
         right: 15px;
         top: 50%;
         transform: translateY(-50%);
         font-size: 18px;
         font-weight: 900;
         opacity: 0;
         transition: all 0.3s ease;
         }
         .chart-navigation a:hover::after {
         opacity: 1;
         right: 20px;
         }
         /* ========== Responsive Design ========== */
         /* Large Screens */
         @media (min-width: 1200px) {
         .chart-navigation {
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
         padding: 30px;
         }
         }
         /* Tablets */
         @media (max-width: 768px) {
         .chart-navigation {
         grid-template-columns: repeat(2, 1fr);
         gap: 12px;
         padding: 15px;
         }
         .chart-navigation a {
         padding: 15px 18px;
         font-size: clamp(12px, 2.2vw, 14px);
         border-radius: 10px;
         }
         }
         /* Mobile Phones */
         @media (max-width: 480px) {
         .chart-navigation {
         grid-template-columns: 1fr;
         gap: 10px;
         padding: 10px;
         }
         .chart-navigation a {
         padding: 12px 15px;
         font-size: clamp(11px, 2vw, 13px);
         border-radius: 8px;
         letter-spacing: 0.3px;
         }
         .chart-navigation a::after {
         font-size: 16px;
         }
         }
         /* Extra Small Phones */
         @media (max-width: 360px) {
         .chart-navigation {
         padding: 8px;
         gap: 8px;
         }
         .chart-navigation a {
         padding: 10px 12px;
         font-size: 11px;
         }
         }
         /* ========== Alternative Layout Styles ========== */
         /* List Style Navigation */
         .chart-navigation.list-style {
         display: flex;
         flex-direction: column;
         max-width: 600px;
         }
         .chart-navigation.list-style a {
         margin-bottom: 10px;
         text-align: left;
         padding: 15px 20px;
         border-radius: 8px;
         }
         /* Compact Grid Style */
         .chart-navigation.compact {
         grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
         gap: 10px;
         }
         .chart-navigation.compact a {
         padding: 12px 16px;
         font-size: clamp(12px, 2vw, 14px);
         }
         /* ========== Accessibility ========== */
         /* High Contrast Mode */
         @media (prefers-contrast: high) {
         .chart-navigation a {
         background: #ffffff;
         color: #000000;
         border: 2px solid #000000;
         }
         .chart-navigation a:hover {
         background: #000000;
         color: #ffffff;
         }
         }
         /* Reduced Motion */
         @media (prefers-reduced-motion: reduce) {
         .chart-navigation,
         .chart-navigation a,
         .chart-navigation a::before,
         .chart-navigation a::after {
         animation: none !important;
         transition: none !important;
         }
         .chart-navigation a:hover {
         transform: none !important;
         }
         }
         /* Touch Device Optimizations */
         @media (hover: none) and (pointer: coarse) {
         .chart-navigation a {
         padding: 18px 24px; /* Larger touch targets */
         }
         .chart-navigation a:hover {
         transform: none;
         background: linear-gradient(135deg, #ffe066 0%, #ffd700 100%);
         }
         .chart-navigation a:active {
         background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
         transform: scale(0.98);
         }
         }
         /* Focus Visible for Keyboard Navigation */
         .chart-navigation a:focus-visible {
         outline: 3px solid #ffd700;
         outline-offset: 4px;
         }
         /* Loading State */
         .chart-navigation.loading a {
         opacity: 0.6;
         pointer-events: none;
         animation: none;
         }
         /* Print Styles */
         @media print {
         .chart-navigation {
         display: block;
         page-break-inside: avoid;
         }
         .chart-navigation a {
         background: #f8f8f8 !important;
         color: #000000 !important;
         border: 1px solid #cccccc !important;
         box-shadow: none !important;
         padding: 8px 12px;
         margin-bottom: 5px;
         display: block;
         animation: none !important;
         }
         .chart-navigation a::before,
         .chart-navigation a::after {
         display: none !important;
         }
         }
         /* =============================
         KEYWORD SECTION (HEADER) — SATTA KING STYLE
         ============================= */
         .keyword-section {
         width: 100%;
         padding: clamp(8px, 2vw, 16px) clamp(6px, 2vw, 12px);
         background: linear-gradient(135deg, #0e141f 0%, #1a1a2e 100%);
         color: #ffffff;
         text-align: center;
         border-bottom: 3px solid #ffd600;
         box-shadow: 0 2px 10px rgba(255, 214, 0, 0.3);
         }
         .keyword-section h2.visually-hidden {
         position: absolute;
         left: -9999px;
         top: auto;
         width: 1px;
         height: 1px;
         overflow: hidden;
         }
         .keyword-section h3 {
         font-size: clamp(12px, 3.5vw, 22px);
         font-weight: 700;
         margin: 0;
         color: #ffffff;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
         }
         .keyword-section h3 span {
         color: #ffd600;
         font-weight: 800;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
         }
         /* =============================
         WhatsApp CTA BLOCK — OPTIMIZED
         ============================= */
         .wa-cta {
         width: 100%;
         max-width: 700px;
         margin: clamp(4px, 1vw, 8px) auto;
         padding: clamp(2px, 1vw, 6px);
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
         }
         .wa-cta__btn {
         display: inline-flex;
         align-items: center;
         gap: clamp(6px, 2vw, 12px);
         padding: clamp(8px, 2vw, 14px) clamp(10px, 3vw, 18px);
         background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
         color: #fff;
         text-decoration: none;
         font-size: clamp(0.75rem, 2.5vw, 1rem);
         font-weight: 700;
         border-radius: clamp(6px, 2vw, 12px);
         box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
         transition: all 0.3s ease;
         border: 2px solid rgba(255, 255, 255, 0.1);
         }
         .wa-cta__btn:hover,
         .wa-cta__btn:focus {
         background: linear-gradient(135deg, #128C7E 0%, #075E54 100%);
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
         }
         .wa-cta__ico {
         width: clamp(18px, 4vw, 28px);
         height: clamp(18px, 4vw, 28px);
         fill: currentColor;
         flex-shrink: 0;
         }
         .wa-cta__text {
         font-size: clamp(0.7rem, 2vw, 0.95rem);
         line-height: 1.3;
         color: #fff;
         }
         .wa-cta__text strong {
         color: #ffe066;
         font-weight: 800;
         }
         /* ===========================
         BOARD-LIST & BOARD — SATTA KING CARD STYLE
         =========================== */
         .board-list {
         width: 100%;
         max-width: 900px;
         margin: clamp(10px, 3vw, 20px) auto;
         padding: 0 clamp(2px, 1vw, 16px);
         }
         .board {
         background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
         color: #ffffff;
         border-radius: clamp(8px, 2vw, 12px);
         box-shadow: 
         0 8px 25px rgba(0,0,0,0.6),
         0 0 0 1px rgba(255, 214, 0, 0.3);
         overflow: hidden;
         display: flex;
         flex-direction: column;
         margin-bottom: clamp(12px, 3vw, 24px);
         border: 2px solid #ffd600;
         position: relative;
         }
         .board::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 4px;
         background: linear-gradient(90deg, #ffd600, #ffeb3b, #ffd600);
         animation: shimmer 2s infinite;
         }
         @keyframes shimmer {
         0%, 100% { opacity: 1; }
         50% { opacity: 0.7; }
         }
         .board header {
         padding: clamp(8px, 2vw, 14px) clamp(10px, 3vw, 18px);
         background: linear-gradient(135deg, #ffd600 0%, #ffeb3b 100%);
         border-bottom: 2px solid #f57f17;
         }
         .board header h2 {
         font-size: clamp(14px, 4vw, 24px);
         font-weight: 800;
         color: #000000;
         margin: 0;
         text-align: center;
         text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
         }
         .board-content {
         padding: clamp(8px, 2vw, 14px) clamp(10px, 3vw, 18px);
         font-size: clamp(11px, 3vw, 18px);
         font-weight: 600;
         line-height: 1.5;
         text-align: center;
         word-break: break-word;
         color: #ffffff;
         background: rgba(255, 255, 255, 0.05);
         }
         /* Media: Image / Video */
         .board-image,
         .board-video {
         width: 100%;
         margin: 0;
         }
         .board-image img,
         .board-video video {
         display: block;
         width: 100%;
         height: auto;
         object-fit: contain;
         border-radius: 0;
         }
         .board figure figcaption {
         padding: clamp(3px, 1vw, 6px) clamp(6px, 2vw, 12px);
         font-size: clamp(0.7rem, 2vw, 0.9rem);
         font-weight: 500;
         text-align: center;
         color: #cccccc;
         }
         .board-btns {
         display: flex;
         flex-wrap: wrap;
         gap: clamp(4px, 1vw, 10px);
         justify-content: center;
         align-items: center;
         padding: clamp(6px, 2vw, 12px) clamp(8px, 2vw, 16px);
         background: linear-gradient(135deg, #0e141f 0%, #1a1a2e 100%);
         border-top: 1px solid rgba(255, 214, 0, 0.3);
         }
         .board-btns button {
         flex: 1;
         min-width: clamp(80px, 20vw, 130px);
         padding: clamp(6px, 1.5vw, 10px) clamp(8px, 2vw, 14px);
         border: none;
         border-radius: clamp(4px, 1vw, 8px);
         font-size: clamp(0.7rem, 2vw, 1rem);
         font-weight: bold;
         color: #fff;
         white-space: nowrap;
         cursor: pointer;
         transition: all 0.3s ease;
         border: 2px solid transparent;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         }
         .btn-call { 
         background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
         box-shadow: 0 4px 15px rgba(25, 118, 210, 0.4);
         }
         .btn-whatsapp { 
         background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
         box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
         }
         .btn-telegram { 
         background: linear-gradient(135deg, #0088cc 0%, #006699 100%);
         box-shadow: 0 4px 15px rgba(0, 136, 204, 0.4);
         }
         .board-btns button:hover {
         transform: translateY(-2px);
         border-color: #ffd600;
         box-shadow: 0 6px 20px rgba(255, 214, 0, 0.3);
         }
         .board-user {
         width: 100%;
         text-align: center;
         padding: clamp(3px, 1vw, 6px);
         font-size: clamp(0.7rem, 2vw, 0.95rem);
         font-weight: 600;
         background: rgba(255, 214, 0, 0.1);
         color: #ffd600;
         }
         .board-footer {
         text-align: center;
         padding: clamp(4px, 1vw, 10px);
         font-size: clamp(0.65rem, 1.8vw, 0.88rem);
         color: #cccccc;
         background: linear-gradient(135deg, #0e141f 0%, #1a1a2e 100%);
         border-top: 1px solid rgba(255, 214, 0, 0.2);
         }
         /* ================================
         SK-786: Live Result Section - SATTA KING STYLE
         ================================ */
         .sk-786 {
         width: 100%;
         max-width: 900px;
         margin: clamp(10px, 3vw, 20px) auto;
         padding: clamp(8px, 2vw, 16px);
         background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
         border-radius: clamp(6px, 2vw, 12px);
         box-shadow: 
         0 8px 25px rgba(0,0,0,0.6),
         0 0 0 2px rgba(255, 214, 0, 0.5);
         border: 2px solid #ffd600;
         }
         .sk-786 h2 {
         font-size: clamp(14px, 4vw, 24px);
         text-align: center;
         color: #ffd600;
         margin: clamp(8px, 2vw, 18px) 0 clamp(6px, 1.5vw, 12px);
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 1px;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
         }
         .live-wrap {
         display: grid;
         grid-template-columns: 1fr;
         gap: clamp(6px, 1.5vw, 12px);
         margin-bottom: clamp(12px, 3vw, 24px);
         }
         .live-card {
         display: flex;
         justify-content: space-between;
         align-items: center;
         background: linear-gradient(135deg, #0e141f 0%, #1a1a2e 100%);
         border: 2px solid #ffd600;
         padding: clamp(8px, 2vw, 14px) clamp(10px, 2.5vw, 16px);
         border-radius: clamp(6px, 1.5vw, 10px);
         box-shadow: 
         0 4px 15px rgba(0,0,0,0.5),
         inset 0 1px 0 rgba(255, 214, 0, 0.2);
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
         }
         .live-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 214, 0, 0.1), transparent);
         transition: left 0.5s ease;
         }
         .live-card:hover::before {
         left: 100%;
         }
         .live-card:hover {
         background: linear-gradient(135deg, #1a1a2e 0%, #0e141f 100%);
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(255, 214, 0, 0.4);
         }
         .live-title {
         font-size: clamp(12px, 3vw, 20px);
         font-weight: 700;
         margin-bottom: 2px;
         color: #ffffff;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         }
         .live-num {
         font-size: clamp(16px, 4vw, 28px);
         font-weight: 800;
         letter-spacing: 1px;
         color: #ffd600;
         min-width: clamp(50px, 12vw, 80px);
         text-align: right;
         background: linear-gradient(135deg, #ffd600 0%, #ffeb3b 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
         text-shadow: 0 0 10px rgba(255, 214, 0, 0.5);
         }
         .muted {
         font-size: clamp(0.65rem, 1.8vw, 0.9rem);
         color: #888888;
         font-style: italic;
         }
         /* ============================================
         YEAR FILTER FORM — SATTA KING GOLD/BLACK THEME
         ============================================ */
         .year-filter {
         width: 100%;
         max-width: 600px;
         margin: clamp(12px, 3vw, 24px) auto;
         padding: clamp(6px, 1.5vw, 12px) clamp(8px, 2vw, 16px);
         background: linear-gradient(135deg, #0e141f 0%, #1a1a2e 100%);
         border: 2px solid #ffd700;
         border-radius: clamp(4px, 1vw, 8px);
         text-align: center;
         display: flex;
         flex-wrap: wrap;
         gap: clamp(4px, 1vw, 10px);
         justify-content: center;
         align-items: center;
         box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
         }
         .year-title {
         color: #ffd700;
         font-weight: 700;
         font-size: clamp(0.75rem, 2vw, 1rem);
         text-transform: uppercase;
         letter-spacing: 0.5px;
         }
         .year-select {
         font-size: clamp(0.7rem, 2vw, 1rem);
         padding: clamp(4px, 1vw, 8px) clamp(6px, 1.5vw, 12px);
         border: 2px solid #ffd700;
         border-radius: clamp(3px, 0.8vw, 6px);
         background: linear-gradient(135deg, #fffde7 0%, #fff9c4 100%);
         color: #000;
         font-weight: 600;
         appearance: none;
         min-width: clamp(80px, 20vw, 120px);
         cursor: pointer;
         transition: all 0.3s ease;
         }
         .year-select:focus {
         outline: none;
         border-color: #ffeb3b;
         box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
         }
         /* ============================================
         RECORDS SECTION + TABLE STYLE - SATTA KING CHARTS
         ============================================ */
         .records-section {
         width: 100%;
         max-width: 1000px;
         margin: clamp(15px, 4vw, 30px) auto;
         padding: 0 clamp(2px, 0.5vw, 12px);
         display: flex;
         flex-direction: column;
         align-items: center;
         }
         .records-chart {
         font-size: clamp(14px, 4vw, 24px);
         font-weight: 800;
         color: #ffd600;
         text-align: center;
         margin: clamp(12px, 3vw, 24px) 0 clamp(6px, 1.5vw, 12px);
         text-transform: uppercase;
         letter-spacing: 1px;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
         width: 100%;
         }
         /* Table Container for Better Mobile Handling */
         .table-container {
         width: 100%;
         margin: 0 auto;
         overflow-x: auto;
         border-radius: clamp(4px, 1vw, 8px);
         box-shadow: 0 8px 25px rgba(0,0,0,0.6);
         border: 2px solid #ffd700;
         }
         .result-table {
         width: 100%;
         margin: 0 auto;
         border-collapse: collapse;
         border-spacing: 0;
         background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
         font-size: clamp(9px, 2.5vw, 14px);
         border-radius: 0;
         border: none;
         display: table;
         }
         .result-table thead {
         background: linear-gradient(135deg, #ffd700 0%, #ffeb3b 100%);
         color: #000000;
         position: sticky;
         top: 0;
         z-index: 10;
         }
         .result-table th,
         .result-table td {
         padding: clamp(3px, 1vw, 8px) clamp(2px, 0.8vw, 6px);
         text-align: center;
         border: 1px solid rgba(255, 214, 0, 0.3);
         min-width: clamp(25px, 8vw, 50px);
         font-weight: 600;
         white-space: nowrap;
         }
         .result-table th {
         font-weight: 800;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         text-shadow: 1px 1px 2px rgba(255,255,255,0.3);
         background: linear-gradient(135deg, #ffd700 0%, #ffeb3b 100%);
         }
         .result-table th.date {
         background: linear-gradient(135deg, #fceabb 0%, #ffd54f 100%);
         font-weight: 800;
         position: sticky;
         left: 0;
         z-index: 11;
         }
         .result-table td {
         color: #ffffff;
         background: rgba(255, 255, 255, 0.05);
         transition: all 0.3s ease;
         }
         .result-table tbody tr:nth-child(odd) td {
         background: rgba(255, 214, 0, 0.1);
         }
         .result-table tbody tr:hover td {
         background: rgba(255, 214, 0, 0.2);
         color: #ffd600;
         }
         /* First column (Date) sticky for horizontal scroll */
         .result-table td:first-child {
         background: rgba(255, 214, 0, 0.15);
         position: sticky;
         left: 0;
         z-index: 9;
         font-weight: 700;
         }
         /* ===============================
         POPULAR SATTA KING FAST MARKETS - NAVIGATION
         ================================ */
         nav[aria-label="Popular Satta King Fast Markets"] {
         width: 100%;
         max-width: 1000px;
         margin: clamp(10px, 3vw, 20px) auto;
         padding: clamp(6px, 1.5vw, 12px) clamp(8px, 2vw, 16px);
         background: linear-gradient(135deg, #0e141f 0%, #1a1a2e 100%);
         color: #fff;
         font-size: clamp(10px, 2.8vw, 16px);
         line-height: 1.6;
         border-radius: clamp(4px, 1vw, 8px);
         text-align: center;
         border: 2px solid rgba(255, 214, 0, 0.3);
         box-shadow: 0 4px 15px rgba(0,0,0,0.5);
         }
         nav[aria-label="Popular Satta King Fast Markets"] a {
         display: inline-block;
         margin: clamp(2px, 0.5vw, 4px) clamp(3px, 1vw, 6px);
         text-decoration: none;
         color: #ffd700;
         font-weight: 600;
         transition: all 0.3s ease;
         padding: 2px 4px;
         border-radius: 3px;
         text-transform: uppercase;
         letter-spacing: 0.3px;
         }
         nav[aria-label="Popular Satta King Fast Markets"] a:hover {
         color: #ffffff;
         background: rgba(255, 214, 0, 0.2);
         transform: translateY(-1px);
         }
         /* ================================
         SEO CONTENT BLOCK - DARK THEME
         ================================ */
         .seo-content {
         max-width: 960px;
         margin: clamp(15px, 4vw, 30px) auto;
         padding: clamp(10px, 2.5vw, 20px) clamp(8px, 2vw, 16px);
         background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
         border: 2px solid rgba(255, 214, 0, 0.3);
         border-radius: clamp(6px, 1.5vw, 10px);
         box-shadow: 0 8px 25px rgba(0,0,0,0.6);
         font-size: clamp(11px, 3vw, 17px);
         color: #ffffff;
         line-height: 1.6;
         }
         .seo-content h2 {
         font-size: clamp(14px, 4vw, 24px);
         font-weight: 700;
         margin: clamp(12px, 3vw, 24px) 0 clamp(6px, 1.5vw, 12px);
         color: #ffd600;
         text-align: left;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         }
         .seo-content p {
         margin-bottom: clamp(8px, 2vw, 16px);
         color: #cccccc;
         }
         .seo-content ul {
         margin: 0 0 clamp(8px, 2vw, 16px) clamp(12px, 3vw, 20px);
         padding-left: 0;
         list-style: none;
         }
         .seo-content li {
         margin-bottom: clamp(4px, 1vw, 8px);
         color: #ffffff;
         font-weight: 500;
         position: relative;
         padding-left: 15px;
         }
         .seo-content li::before {
         content: '▶';
         position: absolute;
         left: 0;
         color: #ffd600;
         font-size: 0.8em;
         }
         /* ================================
         DISCLAIMER SECTION - WARNING STYLE
         ================================ */
         .sk-disclaimer {
         background: linear-gradient(145deg, #2d1810 0%, #3e2723 100%);
         color: #ffffff;
         border: 2px solid #ff6f00;
         border-radius: clamp(6px, 1.5vw, 10px);
         padding: clamp(12px, 3vw, 24px) clamp(10px, 2.5vw, 20px);
         max-width: 960px;
         margin: clamp(20px, 5vw, 40px) auto;
         font-size: clamp(10px, 2.8vw, 16px);
         box-shadow: 0 8px 25px rgba(255, 111, 0, 0.3);
         }
         .sk-disclaimer h2 {
         font-size: clamp(14px, 4vw, 22px);
         color: #ff6f00;
         font-weight: 700;
         margin-bottom: clamp(8px, 2vw, 16px);
         text-align: center;
         text-transform: uppercase;
         letter-spacing: 1px;
         }
         .sk-disclaimer p {
         margin-bottom: clamp(8px, 2vw, 16px);
         color: #cccccc;
         line-height: 1.5;
         text-align: justify;
         }
         .sk-disclaimer ul {
         margin-left: clamp(12px, 3vw, 20px);
         padding-left: 0;
         list-style-type: none;
         }
         .sk-disclaimer li {
         margin-bottom: clamp(5px, 1.2vw, 10px);
         font-weight: 500;
         color: #ffffff;
         position: relative;
         padding-left: 15px;
         }
         .sk-disclaimer li::before {
         content: '⚠';
         position: absolute;
         left: 0;
         color: #ff6f00;
         }
         .sk-disclaimer a {
         color: #64b5f6;
         text-decoration: underline;
         font-weight: 600;
         }
         .sk-disclaimer a:hover {
         color: #42a5f5;
         }
         /* ================================
         FOOTER STYLES - SATTA KING THEME
         ================================ */
         .main-footer {
         background: linear-gradient(135deg, #0e141f 0%, #000000 100%);
         color: #cccccc;
         padding: clamp(15px, 4vw, 30px) clamp(10px, 2.5vw, 20px);
         font-size: clamp(10px, 2.8vw, 15px);
         line-height: 1.6;
         text-align: center;
         border-top: 3px solid #ffd600;
         box-shadow: 0 -4px 15px rgba(255, 214, 0, 0.3);
         }
         .footer-list {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: clamp(6px, 1.5vw, 14px);
         padding: 0;
         margin: 0 0 clamp(8px, 2vw, 16px);
         list-style: none;
         }
         .footer-link {
         color: #ffd600;
         font-weight: 600;
         text-decoration: none;
         transition: all 0.3s ease;
         padding: 2px 4px;
         border-radius: 3px;
         text-transform: uppercase;
         letter-spacing: 0.3px;
         }
         .footer-link:hover {
         color: #ffffff;
         background: rgba(255, 214, 0, 0.2);
         transform: translateY(-1px);
         }
         .footer-copy,
         .footer-contact {
         margin: clamp(3px, 1vw, 6px) 0;
         font-size: clamp(9px, 2.5vw, 14px);
         color: #888888;
         }
         .footer-contact a {
         color: #64b5f6;
         text-decoration: underline;
         }
         .footer-contact a:hover {
         color: #42a5f5;
         }
         /* ================================
         RESPONSIVE OPTIMIZATIONS
         ================================ */
         @media (max-width: 600px) {
         body {
         font-size: 12px;
         }
         .records-section {
         padding: 0 2px;
         margin: clamp(10px, 2.5vw, 20px) auto;
         width: 100%;
         max-width: 100%;
         }
         .records-chart {
         font-size: clamp(12px, 3.5vw, 18px);
         margin: clamp(8px, 2vw, 16px) 0 clamp(4px, 1vw, 8px);
         padding: 0 2px;
         }
         .table-scroll-wrapper {
         width: 100%;
         margin: 0;
         border-radius: 4px;
         border: 1px solid #ffd700;
         }
         .result-table {
         width: 100%;
         margin: 0;
         font-size: clamp(8px, 2.2vw, 12px);
         border: none;
         border-radius: 0;
         }
         .result-table th,
         .result-table td {
         padding: clamp(2px, 0.8vw, 6px) clamp(1px, 0.5vw, 4px);
         min-width: clamp(20px, 6vw, 40px);
         font-size: clamp(8px, 2.2vw, 12px);
         }
         .result-table th.date,
         .result-table td:first-child {
         min-width: clamp(25px, 8vw, 45px);
         font-size: clamp(8px, 2.2vw, 12px);
         }
         .board-btns {
         flex-direction: column;
         gap: clamp(4px, 1vw, 8px);
         }
         .board-btns button {
         flex: 1 1 100%;
         min-width: unset;
         }
         .live-card {
         flex-direction: column;
         align-items: flex-start;
         text-align: left;
         gap: 4px;
         }
         .live-num {
         align-self: flex-end;
         text-align: right;
         }
         .year-filter {
         flex-direction: column;
         align-items: stretch;
         gap: clamp(6px, 1.5vw, 12px);
         margin: clamp(8px, 2vw, 16px) auto;
         padding: clamp(4px, 1vw, 8px) clamp(6px, 1.5vw, 12px);
         }
         .year-select {
         width: 100%;
         }
         nav[aria-label="Popular Satta King Fast Markets"] {
         text-align: left;
         }
         nav[aria-label="Popular Satta King Fast Markets"] a {
         display: block;
         margin: clamp(3px, 1vw, 6px) 0;
         }
         .footer-list {
         flex-direction: column;
         align-items: center;
         gap: clamp(4px, 1vw, 10px);
         }
         }
         @media (max-width: 400px) {
         body {
         font-size: 11px;
         }
         .records-section {
         padding: 0 1px;
         margin: 8px auto;
         width: 100%;
         max-width: 100%;
         }
         .records-chart {
         font-size: 12px;
         margin: 6px 0 4px;
         padding: 0 1px;
         }
         .table-scroll-wrapper {
         border-radius: 3px;
         border-width: 1px;
         margin: 0;
         width: 100%;
         }
         .result-table {
         font-size: 8px;
         width: 100%;
         margin: 0;
         }
         .result-table th,
         .result-table td {
         padding: 2px 1px;
         min-width: 18px;
         font-size: 8px;
         }
         .result-table th.date,
         .result-table td:first-child {
         min-width: 22px;
         font-size: 8px;
         }
         .keyword-section h3 {
         font-size: 11px;
         }
         .board header h2 {
         font-size: 12px;
         }
         .board-content {
         font-size: 10px;
         }
         .sk-786 h2 {
         font-size: 12px;
         }
         .live-title {
         font-size: 10px;
         }
         .live-num {
         font-size: 14px;
         }
         }
         @media (max-width: 350px) {
         body {
         font-size: 10px;
         }
         .records-section {
         padding: 0;
         margin: 6px auto;
         width: 100%;
         max-width: 100%;
         }
         .records-chart {
         font-size: 11px;
         margin: 4px 0 2px;
         padding: 0;
         }
         .table-scroll-wrapper {
         border-radius: 2px;
         border-width: 1px;
         margin: 0;
         width: 100%;
         }
         .result-table {
         font-size: 7px;
         width: 100%;
         margin: 0;
         }
         .result-table th,
         .result-table td {
         padding: 1px;
         min-width: 16px;
         font-size: 7px;
         }
         .result-table th.date,
         .result-table td:first-child {
         min-width: 20px;
         font-size: 7px;
         }
         .wa-cta__btn {
         font-size: 0.65rem;
         padding: 4px 6px;
         }
         .board-content {
         font-size: 9px;
         }
         }
         /* ================================
         UTILITY CLASSES
         ================================ */
         .text-center { text-align: center; }
         .text-left { text-align: left; }
         .text-right { text-align: right; }
         .font-bold { font-weight: 700; }
         .font-normal { font-weight: 400; }
         .text-gold { color: #ffd600; }
         .text-white { color: #ffffff; }
         .text-gray { color: #cccccc; }
         .bg-dark { background: linear-gradient(135deg, #0e141f 0%, #1a1a2e 100%); }
         .bg-black { background: #000000; }
         .border-gold { border: 2px solid #ffd600; }
         .shadow-gold { box-shadow: 0 4px 15px rgba(255, 214, 0, 0.3); }
         /* ================================
         MOBILE TABLE SCROLL OPTIMIZATION
         ================================ */
         .table-scroll-wrapper {
         width: 100%;
         overflow-x: auto;
         overflow-y: visible;
         margin: 0;
         border-radius: clamp(4px, 1vw, 8px);
         border: 2px solid #ffd700;
         background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
         -webkit-overflow-scrolling: touch;
         scrollbar-width: thin;
         scrollbar-color: #ffd600 #1a1a2e;
         }
         .table-scroll-wrapper::-webkit-scrollbar {
         height: 8px;
         }
         .table-scroll-wrapper::-webkit-scrollbar-track {
         background: #1a1a2e;
         border-radius: 4px;
         }
         .table-scroll-wrapper::-webkit-scrollbar-thumb {
         background: #ffd600;
         border-radius: 4px;
         }
         .table-scroll-wrapper::-webkit-scrollbar-thumb:hover {
         background: #ffeb3b;
         }
         /* Ensure proper table centering in container */
         .records-section .result-table {
         margin: 0 auto;
         display: table;
         width: 100%;
         min-width: 100%;
         }
         /* Mobile Table Responsive Helper */
         @media (max-width: 768px) {
         .table-scroll-wrapper {
         border-radius: 4px;
         border-width: 1px;
         margin: 0;
         width: 100%;
         }
         .records-section {
         width: 100%;
         max-width: 100%;
         margin-left: auto;
         margin-right: auto;
         padding-left: 1px;
         padding-right: 1px;
         }
         .result-table {
         width: 100%;
         margin: 0;
         table-layout: auto;
         }
         .result-table th,
         .result-table td {
         word-wrap: break-word;
         overflow-wrap: break-word;
         }
         }
         /* Ultra-small screen table optimization */
         @media (max-width: 320px) {
         .table-scroll-wrapper {
         border-radius: 2px;
         border-width: 1px;
         margin: 0;
         width: 100%;
         }
         .records-section {
         padding-left: 0;
         padding-right: 0;
         width: 100%;
         max-width: 100%;
         }
         .result-table {
         min-width: 100%;
         width: 100%;
         margin: 0;
         }
         .result-table th,
         .result-table td {
         min-width: 15px;
         padding: 1px;
         font-size: 6px;
         }
         .result-table th.date,
         .result-table td:first-child {
         min-width: 18px;
         }
         }
         /* ================================
         ANIMATIONS FOR ENHANCED UX
         ================================ */
         @keyframes fadeIn {
         from { opacity: 0; transform: translateY(20px); }
         to { opacity: 1; transform: translateY(0); }
         }
         @keyframes pulse {
         0%, 100% { transform: scale(1); }
         50% { transform: scale(1.05); }
         }
         .fade-in {
         animation: fadeIn 0.6s ease-out;
         }
         .pulse {
         animation: pulse 2s infinite;
         }
         /* ================================
         PRINT STYLES
         ================================ */
         @media print {
         body {
         background: white !important;
         color: black !important;
         }
         .board,
         .sk-786,
         .result-table {
         border: 1px solid black !important;
         box-shadow: none !important;
         }
         .wa-cta,
         .board-btns {
         display: none !important;
         }
         }
         /* ================================
         MOBILE FULL-WIDTH OPTIMIZATION
         ================================ */
         @media (max-width: 600px) {
         .board-list,
         .sk-786,
         .year-filter,
         .seo-content,
         .sk-disclaimer,
         nav[aria-label="Popular Satta King Fast Markets"] {
         padding-left: 2px !important;
         padding-right: 2px !important;
         width: 100% !important;
         max-width: 100% !important;
         }
         .records-section {
         padding-left: 1px !important;
         padding-right: 1px !important;
         width: 100% !important;
         max-width: 100% !important;
         }
         .table-scroll-wrapper {
         margin-left: 0 !important;
         margin-right: 0 !important;
         width: 100% !important;
         }
         }
         .forum-enter {
         text-align: center;
         color: #ff1744;
         font-size: 2.1rem;
         font-weight: 900;
         margin: 30px auto 19px auto;
         letter-spacing: 2.5px;
         text-shadow: 2px 2px 14px #ffe06680, 0 1px 5px #fff8;
         text-transform: uppercase;
         animation: forum-bounce-in 1s cubic-bezier(.46, .03, .52, .96)
         }
         @keyframes forum-bounce-in {
         0% {
         opacity: 0;
         transform: scale(.7) translateY(-60px)
         }
         80% {
         opacity: 1;
         transform: scale(1.07) translateY(10px)
         }
         100% {
         opacity: 1;
         transform: scale(1) translateY(0)
         }
         }
         /* Footer और Records Links Section CSS - Satta King Theme */
         /* ========== FOOTER STYLING ========== */
         .footer-container {
         background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
         border-top: 3px solid #ffd700;
         padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px);
         margin-top: clamp(30px, 5vw, 50px);
         text-align: center;
         box-shadow: 0 -5px 15px rgba(255, 215, 0, 0.1);
         animation: footerSlideUp 0.8s ease-out;
         }
         .footer-copyright {
         font-size: clamp(14px, 2.5vw, 16px);
         font-weight: 600;
         color: #388e3c;
         margin-bottom: clamp(15px, 3vw, 20px);
         text-shadow: 0 1px 2px rgba(0,0,0,0.1);
         animation: fadeInScale 1s ease-out 0.2s both;
         }
         .footer-links {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-wrap: wrap;
         gap: clamp(10px, 3vw, 25px);
         margin-bottom: clamp(15px, 3vw, 20px);
         animation: fadeInScale 1s ease-out 0.4s both;
         }
         .footer-links a {
         color: #d32f2f;
         font-size: clamp(13px, 2.2vw, 15px);
         font-weight: 500;
         text-decoration: none;
         padding: clamp(8px, 2vw, 12px) clamp(12px, 2.5vw, 18px);
         border: 2px solid transparent;
         border-radius: 25px;
         background: linear-gradient(45deg, #fff 0%, #f8f9fa 100%);
         box-shadow: 0 2px 8px rgba(0,0,0,0.1);
         transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         position: relative;
         overflow: hidden;
         }
         .footer-links a::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.3), transparent);
         transition: left 0.5s ease;
         }
         .footer-links a:hover {
         transform: translateY(-3px) scale(1.05);
         border-color: #ffd700;
         color: #388e3c;
         box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3);
         background: linear-gradient(45deg, #ffd700 0%, #ffe066 100%);
         }
         .footer-links a:hover::before {
         left: 100%;
         }
         .footer-links a:active {
         transform: translateY(-1px) scale(1.02);
         }
         .footer-note {
         font-size: clamp(12px, 2vw, 14px);
         color: #d32f2f;
         font-weight: 500;
         font-style: italic;
         text-shadow: 0 1px 2px rgba(0,0,0,0.1);
         animation: fadeInScale 1s ease-out 0.6s both;
         background: linear-gradient(45deg, #ffebee, #fff);
         padding: clamp(10px, 2.5vw, 15px);
         border-radius: 10px;
         border-left: 4px solid #d32f2f;
         margin: 0 auto;
         max-width: 600px;
         }
         /* ========== RECORDS LINKS SECTION STYLING ========== */
         .records-links-section {
         background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
         border: 2px solid #ffd700;
         border-radius: 15px;
         padding: clamp(20px, 4vw, 30px);
         margin: clamp(20px, 4vw, 30px) 0;
         box-shadow: 0 8px 25px rgba(255, 215, 0, 0.15);
         animation: sectionSlideIn 0.8s ease-out;
         }
         .records-links-title {
         font-size: clamp(18px, 4vw, 24px);
         font-weight: 700;
         color: #388e3c;
         text-align: center;
         margin-bottom: clamp(20px, 4vw, 25px);
         text-shadow: 0 2px 4px rgba(0,0,0,0.1);
         background: linear-gradient(45deg, #ffd700, #ffe066);
         padding: clamp(12px, 3vw, 15px);
         border-radius: 10px;
         border: 2px solid #ffd700;
         animation: titleGlow 2s ease-in-out infinite alternate;
         position: relative;
         overflow: hidden;
         }
         .records-links-title::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
         animation: titleShine 3s ease-in-out infinite;
         }
         .records-links-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: clamp(15px, 3vw, 20px);
         animation: fadeInUp 1s ease-out 0.3s both;
         }
         .records-link-card {
         display: block;
         color: #d32f2f;
         font-size: clamp(13px, 2.5vw, 15px);
         font-weight: 600;
         text-decoration: none;
         padding: clamp(15px, 3vw, 18px);
         border: 2px solid #ffe066;
         border-radius: 12px;
         background: linear-gradient(45deg, #ffffff 0%, #f8f9fa 100%);
         box-shadow: 0 4px 12px rgba(0,0,0,0.1);
         transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         position: relative;
         overflow: hidden;
         animation: cardSlideIn 0.6s ease-out both;
         }
         .records-link-card:nth-child(1) { animation-delay: 0.1s; }
         .records-link-card:nth-child(2) { animation-delay: 0.2s; }
         .records-link-card:nth-child(3) { animation-delay: 0.3s; }
         .records-link-card:nth-child(4) { animation-delay: 0.4s; }
         .records-link-card:nth-child(5) { animation-delay: 0.5s; }
         .records-link-card:nth-child(6) { animation-delay: 0.6s; }
         .records-link-card:nth-child(7) { animation-delay: 0.7s; }
         .records-link-card:nth-child(8) { animation-delay: 0.8s; }
         .records-link-card:nth-child(9) { animation-delay: 0.9s; }
         .records-link-card:nth-child(10) { animation-delay: 1s; }
         .records-link-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.2), transparent);
         transition: left 0.5s ease;
         }
         .records-link-card:hover {
         transform: translateY(-5px) scale(1.03);
         border-color: #ffd700;
         color: #388e3c;
         background: linear-gradient(45deg, #ffd700 0%, #ffe066 100%);
         box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
         }
         .records-link-card:hover::before {
         left: 100%;
         }
         .records-link-card:active {
         transform: translateY(-2px) scale(1.01);
         }
         /* Special styling for the first card with fire emoji */
         .records-link-card:first-child {
         background: linear-gradient(45deg, #fff3e0 0%, #ffd700 100%);
         border-color: #ff9800;
         font-weight: 700;
         animation: fireCardPulse 2s ease-in-out infinite alternate;
         }
         .records-link-card:first-child:hover {
         background: linear-gradient(45deg, #ff9800 0%, #ffd700 100%);
         color: #ffffff;
         text-shadow: 0 1px 3px rgba(0,0,0,0.3);
         }
         /* ========== ANIMATIONS ========== */
         @keyframes footerSlideUp {
         from {
         opacity: 0;
         transform: translateY(30px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         @keyframes fadeInScale {
         from {
         opacity: 0;
         transform: scale(0.9);
         }
         to {
         opacity: 1;
         transform: scale(1);
         }
         }
         @keyframes sectionSlideIn {
         from {
         opacity: 0;
         transform: translateX(-30px);
         }
         to {
         opacity: 1;
         transform: translateX(0);
         }
         }
         @keyframes titleGlow {
         from {
         box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
         }
         to {
         box-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
         }
         }
         @keyframes titleShine {
         0% { left: -100%; }
         50% { left: 100%; }
         100% { left: 100%; }
         }
         @keyframes fadeInUp {
         from {
         opacity: 0;
         transform: translateY(20px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         @keyframes cardSlideIn {
         from {
         opacity: 0;
         transform: translateY(20px) scale(0.95);
         }
         to {
         opacity: 1;
         transform: translateY(0) scale(1);
         }
         }
         @keyframes fireCardPulse {
         from {
         box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);
         }
         to {
         box-shadow: 0 4px 20px rgba(255, 152, 0, 0.6);
         }
         }
         /* ========== RESPONSIVE DESIGN ========== */
         @media (max-width: 768px) {
         .footer-links {
         flex-direction: column;
         gap: clamp(8px, 2vw, 12px);
         }
         .records-links-grid {
         grid-template-columns: 1fr;
         gap: clamp(10px, 2.5vw, 15px);
         }
         .records-link-card {
         font-size: clamp(12px, 3vw, 14px);
         padding: clamp(12px, 3vw, 15px);
         }
         }
         @media (max-width: 480px) {
         .footer-container {
         padding: clamp(15px, 4vw, 25px) clamp(10px, 3vw, 20px);
         }
         .records-links-section {
         padding: clamp(15px, 4vw, 20px);
         margin: clamp(15px, 3vw, 20px) 0;
         }
         }
         @media (max-width: 320px) {
         .footer-links a {
         padding: clamp(6px, 2vw, 8px) clamp(8px, 2vw, 12px);
         font-size: clamp(11px, 3vw, 13px);
         }
         .records-link-card {
         padding: clamp(10px, 3vw, 12px);
         font-size: clamp(11px, 3.5vw, 13px);
         }
         }
         .floating-btn-v2 {
         display: inline-flex;
         align-items: center;
         padding: 12px 20px;
         background: linear-gradient(135deg, #ff0000, #ffd700);
         border-radius: 30px;
         text-decoration: none;
         color: #fff;
         font-family: Arial, sans-serif;
         box-shadow: 0 4px 15px rgb(0 0 0 / .3);
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         animation: pulse 2s infinite ease-in-out;
         position: fixed;
         bottom: 20px;
         left: 20px;
         z-index: 1000
         }
         .floating-btn-v2:hover {
         transform: translateY(-4px);
         box-shadow: 0 8px 25px rgb(0 0 0 / .4);
         animation: none
         }
         .floating-btn-text-v2 {
         font-weight: 700;
         margin-right: 12px;
         text-shadow: 0 1px 2px rgb(0 0 0 / .2);
         font-size: calc(14px + 0.5vw)
         }
         .floating-btn-img-v2 {
         transition: transform 0.3s ease;
         width: calc(100px + 2vw);
         height: auto
         }
         .floating-btn-v2:hover .floating-btn-img-v2 {
         transform: scale(1.15)
         }
         @keyframes pulse {
         0% {
         transform: scale(1)
         }
         50% {
         transform: scale(1.06)
         }
         100% {
         transform: scale(1)
         }
         }
         @media (max-width:768px) {
         .floating-btn-v2 {
         padding: 8px 15px
         }
         .floating-btn-text-v2 {
         font-size: calc(12px + 0.5vw)
         }
         .floating-btn-img-v2 {
         width: calc(80px + 2vw)
         }
         }
         @media (max-width:480px) {
         .floating-btn-text-v2 {
         font-size: calc(10px + 0.5vw)
         }
         .floating-btn-img-v2 {
         width: calc(60px + 2vw)
         }
         }
         /* Satta King Guide Article CSS - Professional Theme */
         /* ========== MAIN WRAPPER ========== */
         .sk-wrap {
         max-width: 1200px;
         margin: 0 auto;
         padding: clamp(20px, 4vw, 40px);
         background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
         border-radius: 15px;
         box-shadow: 0 10px 30px rgba(0,0,0,0.1);
         font-family: 'Arial', 'Helvetica', sans-serif;
         line-height: 1.6;
         color: #333;
         animation: wrapperSlideIn 1s ease-out;
         }
         /* ========== HERO SECTION ========== */
         .sk-hero {
         text-align: center;
         background: linear-gradient(135deg, #ffd700 0%, #ffe066 50%, #fff3c4 100%);
         border: 3px solid #388e3c;
         border-radius: 20px;
         padding: clamp(25px, 5vw, 40px);
         margin-bottom: clamp(30px, 5vw, 40px);
         position: relative;
         overflow: hidden;
         animation: heroGlow 3s ease-in-out infinite alternate;
         }
         .sk-hero::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
         animation: heroShine 4s ease-in-out infinite;
         }
         .sk-hero h1 {
         font-size: clamp(24px, 5vw, 36px);
         font-weight: 800;
         color: #2e7d32;
         margin-bottom: clamp(15px, 3vw, 20px);
         text-shadow: 0 2px 4px rgba(0,0,0,0.1);
         animation: titleBounceIn 1.2s ease-out;
         }
         .sk-muted {
         font-size: clamp(14px, 2.8vw, 16px);
         color: #555;
         margin-bottom: clamp(20px, 4vw, 25px);
         line-height: 1.7;
         animation: fadeInUp 1s ease-out 0.3s both;
         }
         .sk-muted strong {
         color: #d32f2f;
         font-weight: 600;
         }
         /* ========== WARNING/NOTE BOXES ========== */
         .sk-note {
         padding: clamp(15px, 3vw, 20px);
         border-radius: 12px;
         margin: clamp(20px, 4vw, 25px) 0;
         position: relative;
         animation: noteSlideIn 0.8s ease-out;
         border-left: 5px solid;
         font-size: clamp(13px, 2.5vw, 15px);
         line-height: 1.6;
         }
         .sk-note.sk-warn {
         background: linear-gradient(135deg, #ffebee 0%, #fff 100%);
         border-color: #d32f2f;
         color: #d32f2f;
         box-shadow: 0 4px 15px rgba(211, 47, 47, 0.1);
         }
         .sk-note:not(.sk-warn) {
         background: linear-gradient(135deg, #e8f5e8 0%, #fff 100%);
         border-color: #388e3c;
         color: #2e7d32;
         box-shadow: 0 4px 15px rgba(56, 142, 60, 0.1);
         }
         .sk-note strong {
         font-weight: 700;
         }
         .sk-note em {
         font-style: italic;
         opacity: 0.9;
         }
         .sk-note a {
         color: inherit;
         text-decoration: underline;
         transition: opacity 0.3s ease;
         }
         .sk-note a:hover {
         opacity: 0.7;
         }
         /* ========== TABLE OF CONTENTS ========== */
         .sk-toc {
         background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
         border: 2px solid #ffd700;
         border-radius: 15px;
         padding: clamp(20px, 4vw, 25px);
         margin-bottom: clamp(30px, 5vw, 40px);
         box-shadow: 0 5px 20px rgba(255, 215, 0, 0.15);
         animation: tocSlideIn 1s ease-out 0.5s both;
         }
         .sk-toc strong {
         display: block;
         font-size: clamp(16px, 3vw, 18px);
         color: #388e3c;
         margin-bottom: clamp(15px, 3vw, 18px);
         text-align: center;
         font-weight: 700;
         }
         .sk-toc a {
         display: inline-block;
         color: #d32f2f;
         text-decoration: none;
         font-size: clamp(12px, 2.3vw, 14px);
         font-weight: 500;
         padding: clamp(8px, 2vw, 10px) clamp(12px, 2.5vw, 15px);
         margin: clamp(4px, 1vw, 6px);
         border: 2px solid transparent;
         border-radius: 25px;
         background: linear-gradient(45deg, #fff 0%, #f8f9fa 100%);
         box-shadow: 0 2px 8px rgba(0,0,0,0.1);
         transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         position: relative;
         overflow: hidden;
         }
         .sk-toc a::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.3), transparent);
         transition: left 0.5s ease;
         }
         .sk-toc a:hover {
         transform: translateY(-2px) scale(1.05);
         border-color: #ffd700;
         color: #388e3c;
         background: linear-gradient(45deg, #ffd700 0%, #ffe066 100%);
         box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
         }
         .sk-toc a:hover::before {
         left: 100%;
         }
         /* ========== SECTIONS ========== */
         .sk-section {
         margin-bottom: clamp(35px, 6vw, 50px);
         padding: clamp(25px, 4vw, 35px);
         background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
         border-radius: 15px;
         border: 1px solid #e0e0e0;
         box-shadow: 0 4px 15px rgba(0,0,0,0.05);
         animation: sectionFadeIn 0.8s ease-out;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .sk-section:hover {
         transform: translateY(-3px);
         box-shadow: 0 8px 25px rgba(0,0,0,0.1);
         }
         .sk-section h2 {
         font-size: clamp(20px, 4vw, 28px);
         color: #388e3c;
         margin-bottom: clamp(15px, 3vw, 20px);
         padding-bottom: clamp(10px, 2vw, 12px);
         border-bottom: 3px solid #ffd700;
         text-shadow: 0 1px 3px rgba(0,0,0,0.1);
         animation: headingSlideIn 0.6s ease-out;
         position: relative;
         }
         .sk-section h2::after {
         content: '';
         position: absolute;
         bottom: -3px;
         left: 0;
         width: 0;
         height: 3px;
         background: linear-gradient(90deg, #388e3c, #66bb6a);
         animation: underlineGrow 1.5s ease-out 0.3s both;
         }
         .sk-section h3 {
         font-size: clamp(16px, 3vw, 20px);
         color: #2e7d32;
         margin: clamp(20px, 4vw, 25px) 0 clamp(10px, 2vw, 15px) 0;
         font-weight: 600;
         }
         .sk-section p {
         font-size: clamp(14px, 2.5vw, 16px);
         color: #444;
         margin-bottom: clamp(15px, 3vw, 18px);
         line-height: 1.7;
         text-align: justify;
         }
         .sk-section p strong {
         color: #d32f2f;
         font-weight: 600;
         }
         /* ========== LISTS ========== */
         .sk-list {
         margin: clamp(15px, 3vw, 20px) 0;
         padding-left: 0;
         list-style: none;
         }
         .sk-list li {
         position: relative;
         padding-left: clamp(25px, 4vw, 30px);
         margin-bottom: clamp(8px, 2vw, 10px);
         font-size: clamp(13px, 2.4vw, 15px);
         color: #555;
         line-height: 1.6;
         }
         .sk-list li::before {
         content: '✓';
         position: absolute;
         left: 0;
         top: 0;
         color: #388e3c;
         font-weight: bold;
         font-size: clamp(14px, 2.5vw, 16px);
         }
         .sk-list li:nth-child(odd)::before {
         animation: checkMarkPulse 2s ease-in-out infinite;
         }
         /* ========== FAQ SECTION SPECIAL STYLING ========== */
         #faq.sk-section {
         background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);
         border: 2px solid #388e3c;
         }
         #faq h3 {
         background: linear-gradient(45deg, #ffd700, #ffe066);
         padding: clamp(10px, 2.5vw, 12px);
         border-radius: 8px;
         margin-top: clamp(25px, 4vw, 30px);
         border-left: 4px solid #388e3c;
         }
         /* ========== CONCLUSION SECTION ========== */
         #conclusion.sk-section {
         background: linear-gradient(135deg, #fff3e0 0%, #ffffff 100%);
         border: 3px solid #ffd700;
         position: relative;
         overflow: hidden;
         }
         #conclusion.sk-section::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);
         animation: conclusionShine 5s ease-in-out infinite;
         }
         /* ========== ANIMATIONS ========== */
         @keyframes wrapperSlideIn {
         from {
         opacity: 0;
         transform: translateY(30px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         @keyframes heroGlow {
         from {
         box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
         }
         to {
         box-shadow: 0 0 30px rgba(255, 215, 0, 0.6);
         }
         }
         @keyframes heroShine {
         0% { left: -100%; }
         50% { left: 100%; }
         100% { left: 100%; }
         }
         @keyframes titleBounceIn {
         0% {
         opacity: 0;
         transform: scale(0.5) translateY(-50px);
         }
         60% {
         opacity: 1;
         transform: scale(1.05) translateY(0);
         }
         100% {
         opacity: 1;
         transform: scale(1) translateY(0);
         }
         }
         @keyframes fadeInUp {
         from {
         opacity: 0;
         transform: translateY(20px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         @keyframes noteSlideIn {
         from {
         opacity: 0;
         transform: translateX(-20px);
         }
         to {
         opacity: 1;
         transform: translateX(0);
         }
         }
         @keyframes tocSlideIn {
         from {
         opacity: 0;
         transform: scale(0.95);
         }
         to {
         opacity: 1;
         transform: scale(1);
         }
         }
         @keyframes sectionFadeIn {
         from {
         opacity: 0;
         transform: translateY(15px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         @keyframes headingSlideIn {
         from {
         opacity: 0;
         transform: translateX(-15px);
         }
         to {
         opacity: 1;
         transform: translateX(0);
         }
         }
         @keyframes underlineGrow {
         from {
         width: 0;
         }
         to {
         width: 60px;
         }
         }
         @keyframes checkMarkPulse {
         0%, 100% {
         transform: scale(1);
         opacity: 1;
         }
         50% {
         transform: scale(1.2);
         opacity: 0.8;
         }
         }
         @keyframes conclusionShine {
         0% { left: -100%; }
         50% { left: 100%; }
         100% { left: 100%; }
         }
         /* ========== RESPONSIVE DESIGN ========== */
         @media (max-width: 768px) {
         .sk-wrap {
         padding: clamp(15px, 4vw, 25px);
         }
         .sk-toc a {
         display: block;
         margin: clamp(6px, 2vw, 8px) 0;
         text-align: center;
         }
         .sk-section {
         padding: clamp(15px, 4vw, 20px);
         }
         .sk-section p {
         text-align: left;
         }
         }
         @media (max-width: 480px) {
         .sk-hero {
         padding: clamp(15px, 4vw, 20px);
         }
         .sk-note {
         padding: clamp(10px, 3vw, 15px);
         }
         .sk-list li {
         padding-left: clamp(20px, 4vw, 25px);
         }
         }
         @media (max-width: 320px) {
         .sk-wrap {
         padding: clamp(10px, 3vw, 15px);
         border-radius: 10px;
         }
         .sk-hero {
         border-radius: 12px;
         padding: clamp(12px, 4vw, 15px);
         }
         .sk-section {
         padding: clamp(12px, 4vw, 15px);
         border-radius: 10px;
         }
         }
         /* ========== ACCESSIBILITY ========== */
         @media (prefers-reduced-motion: reduce) {
         * {
         animation-duration: 0.01ms !important;
         animation-iteration-count: 1 !important;
         transition-duration: 0.01ms !important;
         }
         }
         @media (prefers-contrast: high) {
         .sk-section {
         border-width: 2px;
         border-color: #000;
         }
         .sk-note {
         border-left-width: 8px;
         }
         .sk-toc a {
         border-width: 3px;
         }
         }
         /* ========== PRINT STYLES ========== */
         @media print {
         .sk-wrap {
         box-shadow: none;
         border: 1px solid #ccc;
         }
         .sk-hero {
         background: #f5f5f5 !important;
         border: 1px solid #ccc;
         }
         .sk-toc a {
         background: none !important;
         border: 1px solid #ccc;
         color: #000 !important;
         }
         .sk-section {
         page-break-inside: avoid;
         background: none !important;
         border: 1px solid #eee;
         }
         }
         /* Welcome Poster Section CSS - Centered & Themed */
         .welcome-poster {
         max-width: clamp(600px, 80vw, 900px);
         margin: clamp(30px, 5vw, 50px) auto;
         padding: clamp(25px, 4vw, 35px);
         background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, #fff3e0 100%);
         border: 3px solid #ffd700;
         border-radius: 20px;
         box-shadow: 
         0 10px 30px rgba(0,0,0,0.1),
         0 0 20px rgba(255, 215, 0, 0.2);
         text-align: center;
         position: relative;
         overflow: hidden;
         animation: posterSlideIn 1.2s ease-out;
         }
         .welcome-poster::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);
         animation: posterShine 4s ease-in-out infinite;
         }
         .welcome-poster h3 {
         font-size: clamp(20px, 4.5vw, 28px);
         font-weight: 800;
         color: #2e7d32;
         margin-bottom: clamp(20px, 4vw, 25px);
         text-shadow: 0 2px 4px rgba(0,0,0,0.1);
         line-height: 1.3;
         animation: headingBounceIn 1.5s ease-out;
         position: relative;
         z-index: 1;
         }
         .domain-keyword {
         background: linear-gradient(45deg, #ffd700, #ffeb3b);
         padding: clamp(8px, 2vw, 12px) clamp(12px, 3vw, 16px);
         border-radius: 10px;
         border: 2px solid #388e3c;
         display: inline-block;
         font-size: clamp(16px, 3.5vw, 22px);
         letter-spacing: 1px;
         margin-bottom: clamp(8px, 2vw, 10px);
         animation: domainPulse 2s ease-in-out infinite alternate;
         box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
         }
         .welcome-poster p {
         font-size: clamp(14px, 2.8vw, 17px);
         color: #444;
         line-height: 1.7;
         margin-bottom: clamp(20px, 4vw, 25px);
         animation: fadeInUp 1s ease-out 0.3s both;
         position: relative;
         z-index: 1;
         }
         .keyword {
         color: #d32f2f;
         font-weight: 600;
         background: linear-gradient(45deg, #ffebee, transparent);
         padding: clamp(2px, 0.5vw, 4px) clamp(6px, 1.5vw, 8px);
         border-radius: 6px;
         }
         .highlight {
         background: linear-gradient(45deg, #e8f5e8, #c8e6c9);
         color: #2e7d32;
         font-weight: 600;
         padding: clamp(2px, 0.5vw, 4px) clamp(6px, 1.5vw, 8px);
         border-radius: 6px;
         border: 1px solid #a5d6a7;
         }
         .welcome-poster b {
         color: #388e3c;
         font-weight: 700;
         text-shadow: 0 1px 2px rgba(0,0,0,0.1);
         }
         /* ========== POSTER LINK GROUP ========== */
         .poster-link-group {
         margin: clamp(20px, 4vw, 25px) auto clamp(15px, 3vw, 20px) auto !important;
         text-align: center !important;
         animation: linkGroupSlideIn 1s ease-out 0.6s both;
         position: relative;
         z-index: 1;
         }
         .poster-link.poster-app {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: clamp(8px, 2vw, 12px);
         background: linear-gradient(135deg, #388e3c 0%, #4caf50 50%, #66bb6a 100%);
         color: #ffffff;
         font-size: clamp(14px, 2.8vw, 18px);
         font-weight: 700;
         text-decoration: none;
         padding: clamp(12px, 3vw, 16px) clamp(20px, 4vw, 28px);
         border-radius: 50px;
         border: 3px solid #ffd700;
         box-shadow: 
         0 6px 20px rgba(56, 142, 60, 0.3),
         0 0 15px rgba(255, 215, 0, 0.2);
         transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
         position: relative;
         overflow: hidden;
         text-shadow: 0 1px 3px rgba(0,0,0,0.3);
         animation: appButtonPulse 3s ease-in-out infinite;
         }
         .poster-link.poster-app::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
         transition: left 0.6s ease;
         }
         .poster-link.poster-app:hover {
         transform: translateY(-4px) scale(1.05);
         background: linear-gradient(135deg, #2e7d32 0%, #388e3c 50%, #4caf50 100%);
         border-color: #ffeb3b;
         box-shadow: 
         0 10px 30px rgba(56, 142, 60, 0.4),
         0 0 25px rgba(255, 215, 0, 0.4);
         }
         .poster-link.poster-app:hover::before {
         left: 100%;
         }
         .poster-link.poster-app:active {
         transform: translateY(-2px) scale(1.02);
         }
         .icon-app {
         font-size: clamp(16px, 3vw, 20px);
         animation: iconRotate 2s ease-in-out infinite;
         }
         /* ========== THANK YOU MESSAGE ========== */
         .thank-you {
         font-size: clamp(13px, 2.5vw, 16px);
         color: #2e7d32;
         font-weight: 600;
         background: linear-gradient(45deg, #e8f5e8 0%, #c8e6c9 100%);
         padding: clamp(10px, 2.5vw, 15px) clamp(15px, 3vw, 20px);
         border-radius: 25px;
         border: 2px solid #81c784;
         margin: clamp(15px, 3vw, 20px) auto 0 auto;
         max-width: clamp(300px, 70vw, 500px);
         box-shadow: 0 4px 12px rgba(129, 199, 132, 0.2);
         animation: thankYouGlow 2s ease-in-out infinite alternate, fadeInUp 1s ease-out 0.9s both;
         position: relative;
         z-index: 1;
         }
         /* ========== ANIMATIONS ========== */
         @keyframes posterSlideIn {
         from {
         opacity: 0;
         transform: translateY(40px) scale(0.95);
         }
         to {
         opacity: 1;
         transform: translateY(0) scale(1);
         }
         }
         @keyframes posterShine {
         0% { left: -100%; }
         50% { left: 100%; }
         100% { left: 100%; }
         }
         @keyframes headingBounceIn {
         0% {
         opacity: 0;
         transform: scale(0.3) translateY(-30px);
         }
         50% {
         opacity: 1;
         transform: scale(1.05) translateY(0);
         }
         70% {
         transform: scale(0.95) translateY(0);
         }
         100% {
         opacity: 1;
         transform: scale(1) translateY(0);
         }
         }
         @keyframes domainPulse {
         from {
         box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
         }
         to {
         box-shadow: 0 4px 20px rgba(255, 215, 0, 0.6);
         }
         }
         @keyframes fadeInUp {
         from {
         opacity: 0;
         transform: translateY(20px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         @keyframes linkGroupSlideIn {
         from {
         opacity: 0;
         transform: scale(0.9);
         }
         to {
         opacity: 1;
         transform: scale(1);
         }
         }
         @keyframes appButtonPulse {
         0%, 100% {
         box-shadow: 
         0 6px 20px rgba(56, 142, 60, 0.3),
         0 0 15px rgba(255, 215, 0, 0.2);
         }
         50% {
         box-shadow: 
         0 8px 25px rgba(56, 142, 60, 0.4),
         0 0 20px rgba(255, 215, 0, 0.3);
         }
         }
         @keyframes iconRotate {
         0%, 100% {
         transform: rotate(0deg) scale(1);
         }
         25% {
         transform: rotate(-5deg) scale(1.1);
         }
         75% {
         transform: rotate(5deg) scale(1.1);
         }
         }
         @keyframes thankYouGlow {
         from {
         box-shadow: 0 4px 12px rgba(129, 199, 132, 0.2);
         }
         to {
         box-shadow: 0 4px 18px rgba(129, 199, 132, 0.4);
         }
         }
         /* ========== RESPONSIVE DESIGN ========== */
         @media (max-width: 768px) {
         .welcome-poster {
         margin: clamp(20px, 4vw, 30px) auto;
         padding: clamp(15px, 4vw, 20px);
         }
         .domain-keyword {
         display: block;
         margin: clamp(10px, 2vw, 15px) auto;
         }
         .poster-link.poster-app {
         padding: clamp(10px, 3vw, 12px) clamp(15px, 4vw, 20px);
         font-size: clamp(13px, 3vw, 16px);
         }
         }
         @media (max-width: 480px) {
         .welcome-poster {
         margin: clamp(15px, 3vw, 20px) auto;
         padding: clamp(12px, 3vw, 15px);
         border-radius: 15px;
         }
         .welcome-poster h3 {
         margin-bottom: clamp(15px, 3vw, 18px);
         }
         .domain-keyword {
         padding: clamp(6px, 2vw, 8px) clamp(10px, 3vw, 12px);
         font-size: clamp(14px, 4vw, 18px);
         }
         .thank-you {
         padding: clamp(8px, 2vw, 10px) clamp(12px, 3vw, 15px);
         border-radius: 20px;
         }
         }
         @media (max-width: 320px) {
         .welcome-poster {
         margin: 10px auto;
         padding: 10px;
         border-radius: 12px;
         border-width: 2px;
         }
         .domain-keyword {
         padding: 6px 8px;
         font-size: 12px;
         border-radius: 6px;
         }
         .poster-link.poster-app {
         padding: 8px 12px;
         font-size: 12px;
         border-radius: 25px;
         }
         .thank-you {
         padding: 6px 10px;
         font-size: 11px;
         border-radius: 15px;
         }
         }
         /* ========== ACCESSIBILITY ========== */
         .welcome-poster:focus-within {
         outline: 3px solid #2e7d32;
         outline-offset: 2px;
         }
         .poster-link.poster-app:focus {
         outline: 3px solid #ffd700;
         outline-offset: 3px;
         }
         .poster-link.poster-app:focus:not(:focus-visible) {
         outline: none;
         }
         /* ========== HIGH CONTRAST MODE ========== */
         @media (prefers-contrast: high) {
         .welcome-poster {
         border-width: 4px;
         border-color: #000;
         }
         .domain-keyword {
         border-width: 3px;
         border-color: #000;
         }
         .poster-link.poster-app {
         border-width: 4px;
         border-color: #000;
         }
         }
         /* ========== REDUCED MOTION ========== */
         @media (prefers-reduced-motion: reduce) {
         .welcome-poster,
         .welcome-poster::before,
         .welcome-poster h3,
         .domain-keyword,
         .welcome-poster p,
         .poster-link-group,
         .poster-link.poster-app,
         .icon-app,
         .thank-you {
         animation: none !important;
         transition: none !important;
         }
         .poster-link.poster-app:hover {
         transform: none;
         }
         }