:root {
    --charcoal: #1a1a1a;
    --silver: #f4f4f4;
    --teal: #2a9d8f;
    --white: #ffffff;
}

body { margin: 0; color: var(--charcoal); transition: all 0.3s ease; }
.he-mode { font-family: 'Assistant', sans-serif; direction: rtl; }
.en-mode { font-family: 'Montserrat', sans-serif; direction: ltr; }

/* Language Visibility Logic */
.he-text, .he-nav { display: none; }
.en-text, .en-nav { display: none; }

body.he-mode .he-text { display: block; }
body.he-mode .he-nav { display: flex; gap: 20px; align-items: center; }
body.en-mode .en-text { display: block; }
body.en-mode .en-nav { display: flex; gap: 20px; align-items: center; }

/* Nav & Logos - Enlarged 25% */
nav { display: flex; justify-content: space-between; padding: 20px 5%; background: var(--white); border-bottom: 1px solid var(--silver); position: sticky; top: 0; z-index: 100; }
.enlarged-logo { height: 62.5px; } /* From base 50px [cite: 71] */

/* Hero Section */
.hero { padding: 100px 5%; text-align: center; background: var(--silver); }
.hero h1 { font-size: 3rem; font-weight: 700; margin-bottom: 20px; }

/* Chapter Cards */
.grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; padding: 50px 0; }
.chapter-card { padding: 30px; border: 1px solid var(--silver); border-radius: 12px; transition: transform 0.3s; text-align: center; background: var(--white); }
.chapter-card:hover { transform: translateY(-5px); border-color: var(--teal); }
.chapter-card h3 { color: var(--teal); margin-bottom: 10px; }

/* Footer */
footer { padding: 60px 5%; background: var(--charcoal); color: var(--white); text-align: center; }
.video-container { max-width: 600px; margin: 30px auto; border-radius: 15px; overflow: hidden; }
.footer-logo { height: 80px; margin-bottom: 20px; filter: brightness(0) invert(1); }