/* Base styles from styles-A.css for body and gradients */
        :root {
            --bc-blue: #0078D4;
            --bc-teal: #00bcf2;
            --bg-main: #0f172a;
            --bg-elevated: #1e293b;
            --border-subtle: rgba(148, 163, 184, 0.35);
        }

        body {
            /* Applying the complex radial gradient background from styles-A.css */
            background: 
                        radial-gradient(circle at 30% -10%, rgba(31, 170, 180, 0.349), transparent 40%),
                        radial-gradient(circle at 90% -20%, rgba(0, 120, 212, 0.40), transparent 50%),
                        radial-gradient(circle at 30% 140%, rgba(15, 117, 37, 0.4), transparent 40%),
                        radial-gradient(circle at 90% 120%, rgba(5, 94, 24, 0.4), transparent 50%),
                        var(--bg-main);
            color: var(--text-main);
            /* Resetting the default bg-bc-dark from body tag in original B */
        }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
        ::-webkit-scrollbar-track {
            background: #0f172a;
        }
        ::-webkit-scrollbar-thumb {
            background: #1e293b;
            border-radius: 5px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: var(--bc-blue);
        }

        /* Smooth Scroll */
        html {
            scroll-behavior: smooth;
        }
        #home {
            padding-top: 23rem;    /* large top padding (128px) */
            padding-bottom: 11rem; /* large bottom padding (96px) */
        }
        #Partners {
            padding-top: 0rem;    /* large top padding (128px) */
            padding-bottom: 15rem; /* large bottom padding (96px) */
        }

        /* Card styles modified to use new colors/border */
        .glass-card {
            background: var(--bg-elevated);
            backdrop-filter: blur(10px); /* Removing glassmorphism blur for the A-style solid dark card look */
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--border-subtle);
        }

    
        
            to {
                opacity: 1;
                transform: translateY(0);
            }
        

        /* Gradient for text/titles like in A's logo and hero title */
        .text-gradient {
            background: linear-gradient(120deg, var(--bc-teal), var(--bc-blue));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
        }

         /* Mobile: slightly higher margins (more whitespace) and smaller letters */
    @media (max-width: 900px) {
      /* overall base font smaller for compact text */
      html { font-size: 14px; }
      /* specific hero adjustments: slightly smaller heading & paragraph */
      #home h1 {
        font-size: 2.5rem !important;  /* ~36px */
      }
      /* increase section vertical spacing for clearer separation */
      section {
        padding-bottom: 1rem !important;/* 32px */
      }

       /* make the home section much taller on mobile */
      #home {
            padding-top: 13rem !important;    /* large top padding (128px) */
            padding-bottom: 5rem !important; /* large bottom padding (96px) */
        }
        #Partners {
            padding-top: 0rem !important;    /* large top padding (128px) */
            padding-bottom: 5rem !important; /* large bottom padding (96px) */
        }
        body {
            /* Applying the complex radial gradient background from styles-A.css */
            background: 
                        radial-gradient(circle at -0% -0%, rgba(31, 170, 180, 0.349), transparent 20%),
                        radial-gradient(circle at 110% -5%, rgba(0, 120, 212, 0.40), transparent 15%),
                        radial-gradient(circle at 30% 140%, rgba(15, 117, 37, 0.4), transparent 40%),
                        radial-gradient(circle at 90% 120%, rgba(5, 94, 24, 0.4), transparent 50%),
                        var(--bg-main);
            color: var(--text-main);
            /* Resetting the default bg-bc-dark from body tag in original B */
        }
      

    }
