<style>
   /* Reset and Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: system-ui, -apple-system, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
  background-size: cover;
  background-position: center;
}

/* Base Section Styles */
.parallax-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateZ(-1px) scale(2);
    z-index: -1;
    will-change: transform; /* Optimize performance */
}

/* Content Styles */
.section-content {
    background: rgba(255, 255, 255, 0.95);
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 1rem;
    max-width: 600px;
    width: 90%;
    transform: translateZ(0);
}

/* Grid and Card Styles */
.principles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    padding: 2rem;
}

.principle-card {
    background: rgba(255, 255, 255, 0.95);
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    transition: transform 0.3s ease;
}

.principle-card:hover {
    transform: translateY(-10px);
}

/* Individual Section Styles */
/* Hero Section */
#section1 { 

  
   background-image: url('https://effectuation.org/hubfs/Lobna%20Style%20Elements/background%20effectuation_Plan%20de%20travail%201.png');
    background-color: #232c4b; /* Dark Blue */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* What is Effectuation */
#section2 { 
    background-image: url('https://effectuation.org/hubfs/Lobna%20Style%20Elements/logo%20version%20effectuation-10.png');
    background-color: #64b8e7; /* Blue */
}

/* Research Behind */
#section3 { 
    background-image: url('https://effectuation.org/hubfs/Lobna%20Style%20Elements/backdground%20effectuation%20gris_Plan%20de%20travail%201.png');
      background-color: #232c4b; /* Dark Blue */
    background-position: center;
     background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* What She Found */
#section4 { 
    background-image: url('insert url here');
    background-color: #8a938e; /* Gray */
}

/* Effectuation vs. Causation */
#section5 { 
    background-image: url('https://effectuation.org/hubfs/Lobna%20Style%20Elements/background%20effectuation_Plan%20de%20travail%201.png');
    background-color: #9b7284; /* Purple */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Transition to Principles */
#section6 { 
    background-color: #eccd30; /* Yellow */
}

/* Five Principles */
#section7 { 
    background-image: url('https://effectuation.org/hubfs/Lobna%20Style%20Elements/logo%20version%20effectuation-11.png');
    background-color: #5bbe83; /* Green */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* How It All Works Together */
#section8 { 
    background-color: #9b7284; /* Purple */
}

/* Global Community */
#section9 { 
    background-image: url('https://effectuation.org/hubfs/Lobna%20Style%20Elements/background%20effectuation_Plan%20de%20travail%201.png');
    background-color: #333333; /* Black */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .parallax-bg {
        transform: none;
        background-attachment: scroll;
        background-size: cover !important; /* Force correct sizing */
        background-position: center !important;
        height: 100%;
        width: 100%;
    }
    
    /* Disable parallax effect for better mobile performance */
    .parallax-section {
        background-attachment: scroll;
    }
}
  </style>