@import url(https://fonts.googleapis.com/css?family=Google+Sans+Text);
            html {
            font-family: 'Google Sans Text', 'Google Sans';
            font-size: 14px;
            color-scheme: light dark;
            background: light-dark(white, black);
            color: light-dark(black, white);
            }
body {
            font-family: 'Outfit', sans-serif;
            scroll-behavior: smooth;
            background-color: #0b0f1a;
            color: #f1f5f9;
            }
            .nebula-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at 20% 30%, rgba(99, 102, 241, 0.08) 0%, transparent 40%),
            radial-gradient(circle at 80% 70%, rgba(168, 85, 247, 0.08) 0%, transparent 40%);
            z-index: -1;
            }
            .glass-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
            }
            .btn-liquid {
            background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
            box-shadow: 0 10px 20px -5px rgba(99, 102, 241, 0.4);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .btn-liquid:hover {
            box-shadow: 0 15px 30px -5px rgba(99, 102, 241, 0.6);
            transform: translateY(-2px) scale(1.02);
            }
            .heading-gradient {
            background: linear-gradient(135deg, #f1f5f9 0%, #94a3b8 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            }
            .accent-gradient {
            background: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            }
			 .nebula-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at 20% 30%, rgba(99, 102, 241, 0.08) 0%, transparent 40%),
            radial-gradient(circle at 80% 70%, rgba(168, 85, 247, 0.08) 0%, transparent 40%);
            z-index: -1;
            }
            nav { transition: all 0.5s ease; }
            .fixed.top-0.left-0.right-0 { transition: padding 0.5s ease; }
            #static-modal-root { transition: opacity 0.3s ease; }
			
			
    
    /* FAQ Accordion Transitions */
    .faq-content {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    }
    .faq-open .faq-content {
      /* In static JS we set max-height directly via scrollHeight */
      opacity: 1;
    }