:root{--primary-font: 'Poppins', sans-serif;--background-color: #000000;--text-color: #e0e0e0;--primary-color: #a78bfa;--secondary-color: #121212;--accent-color: #f7a000;--accent-hover-color: #f9b848;--section-background: #121212;--header-background: rgba(18, 18, 18, 0.7);--image-shadow: rgba(0, 0, 0, 0.1);--card-border: rgba(255, 255, 255, 0.1);}
body.light-mode{--background-color: #ffffff;--text-color: #1a202c;--secondary-color: #f1f5f9;--section-background: #f1f5f9;--header-background: rgba(255, 255, 255, 0.7);--image-shadow: rgba(0, 0, 0, 0.05);--card-border: rgba(0, 0, 0, 0.1);}
*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0;}
html{scroll-behavior: smooth;}
body{font-family: var(--primary-font);background-color: var(--background-color);color: var(--text-color);line-height: 1.6;transition: background-color 0.3s ease, color 0.3s ease;}
.container{width: 90%;max-width: 1100px;margin: 0 auto;}
.site-header{position: sticky;top: 0;width: 100%;z-index: 1000;padding: 15px 0;background-color: color-mix(in srgb, var(--background-color) 70%, transparent);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--card-border);}
.site-header .container, .logo-container, .header-controls{display: flex;align-items: center;}
.site-header .container{justify-content: space-between;width: 95%;}
.logo-container{text-decoration: none;color: var(--text-color);}
.logo-image{height: 40px;width: 40px;border-radius: 50%;margin-right: 15px;border: 2px solid var(--primary-color);}
.logo-text{font-size: 1.5rem;font-weight: 700;font-family: var(--primary-font);}
.header-controls{gap: 10px;}
.theme-toggle-button{width: 40px;height: 40px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s ease, opacity 0.3s ease;border: none;background-color: transparent;padding: 0;border-radius: 50%;}
.theme-toggle-button:hover{opacity: 0.7;}
.theme-toggle-button svg{width: 24px;height: 24px;stroke-width: 2px;fill: none;stroke: var(--primary-color);transition: stroke 0.3s ease;}
.hero-section{display: flex;align-items: center;justify-content: center;text-align: center;padding: 100px 20px 80px 20px;background-color: var(--background-color);color: var(--text-color);transition: background-color 0.3s ease, color 0.3s ease;}
.hero-content-wrapper{max-width: 900px;width: 100%;}
.pre-header{margin-bottom: 25px;}
.pre-header-main{display: block;font-size: 2.8rem;font-weight: 900;color: var(--primary-color);letter-spacing: -1px;}
.pre-header-sub{display: block;margin-top: 10px;font-size: 1.4rem;font-weight: 400;font-style: italic;color: var(--accent-color);line-height: 1.5;text-shadow: 0 0 10px rgba(247, 160, 0, 0.3);}
.video-embed-wrapper{position: relative;padding-top: 56.25%;height: 0;overflow: hidden;border-radius: 15px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);margin-bottom: 50px;background-color: #000;}
.video-embed-wrapper video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
.sound-button{position: absolute;bottom: 20px;right: 20px;z-index: 10;background-color: rgba(0, 0, 0, 0.4);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50%;width: 45px;height: 45px;cursor: pointer;display: flex;justify-content: center;align-items: center;transition: background-color 0.3s ease;}
.sound-button:hover{background-color: rgba(0, 0, 0, 0.7);}
.sound-button svg{width: 24px;height: 24px;fill: #ffffff;}
.hero-headline{font-size: 3.8rem;font-weight: 900;margin-bottom: 2.5rem;line-height: 1.2;background: linear-gradient(90deg, var(--accent-color), var(--primary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.hero-description{font-size: 1.15rem;color: #fff;max-width: 700px;margin: 0 auto 30px auto;line-height: 1.8;text-align: left;}
.hero-description p{color: #e0e0e0;}
.hero-description h3{font-family: var(--primary-font);font-size: 1.8rem;font-weight: 700;color: var(--primary-color);margin-top: 40px;margin-bottom: 15px;}
.hero-description ul{list-style: none;padding-left: 0;margin-bottom: 20px;}
.hero-description li{padding-left: 2em;position: relative;margin-bottom: 10px;}
.hero-description li::before{content: '';position: absolute;left: 0;top: 0.15em;font-size: 1.2em;}
.hero-description ul.styled-list li::before{content: '⭑';color: var(--accent-color);}
.hero-description p > strong{font-size: 1.2rem;color: var(--text-color);display: block;margin-bottom: 10px;}
.hero-description p > strong:first-child{color: var(--primary-color);}
.hero-description blockquote{border-left: 3px solid var(--primary-color);padding-left: 20px;margin: 25px 0;font-style: italic;font-size: 1.2rem;}
.hero-description hr{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));margin: 40px 0;}
body.light-mode .hero-description hr{background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));}
body.light-mode .hero-description{color: #374151;}
body.light-mode .hero-description p{color: #4b5563;}
body.light-mode .hero-description h3{color: #8b5cf6;}
body.light-mode .hero-description p > strong:first-child{color: #8b5cf6;}
.cta-button{display: inline-block;background-color: var(--primary-color);color: #121212;padding: 15px 35px;font-size: 1.2rem;font-weight: 700;text-decoration: none;border-radius: 50px;transition: all 0.3s ease;}
.cta-button:hover{background-color: #be9ffb;transform: translateY(-3px);}
.feature-section{padding: 100px 0;overflow: hidden;background-color: var(--background-color);transition: background-color 0.3s ease;}
.feature-section:nth-child(even){background-color: var(--section-background);}
.feature-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;}
.feature-text{text-align: left;}
.feature-text h2{font-size: 2.5rem;font-weight: 700;color: var(--primary-color);margin-bottom: 20px;line-height: 1.3;}
.cta-button-secondary{display: inline-block;background-color: var(--primary-color);color: #121212;padding: 15px 35px;font-size: 1.2rem;font-weight: 700;text-decoration: none;border-radius: 50px;transition: all 0.3s ease;margin-top: 20px;border: none;}
.cta-button-secondary:hover{background-color: #be9ffb;transform: translateY(-3px);}
.feature-image img{width: 100%;height: auto;border-radius: 15px;box-shadow: 0 10px 30px var(--image-shadow);}
.feature-section:nth-child(even) .feature-image{grid-column: 1;grid-row: 1;}
.feature-section:nth-child(even) .feature-text{grid-column: 2;grid-row: 1;}
.book-list{list-style: none;padding: 0;margin: 30px 0;text-align: left;}
.book-list li{font-size: 1rem;padding: 5px 0 5px 25px;position: relative;opacity: 0.9;}
.book-list li::before{content: '✓';color: var(--primary-color);font-weight: bold;display: inline-block;position: absolute;left: 0;top: 5px;}
.book-promo-section{padding: 100px 0;background-color: var(--section-background);color: var(--text-color);overflow: hidden;transition: background-color 0.3s ease, color 0.3s ease;}
.book-promo-section .container{display: grid;grid-template-columns: 300px 1fr;align-items: center;gap: 60px;}
.promo-image img{width: 100%;height: auto;border-radius: 10px;box-shadow: 0 0 35px -5px rgba(167, 139, 250, 0.3);}
.promo-text h2{font-size: 1.5rem;font-weight: 700;color: var(--accent-color);}
.promo-text h1{font-size: 3rem;margin: 10px 0 20px 0;line-height: 1.2;font-weight: 900;background: linear-gradient(90deg, var(--accent-color), var(--primary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.promo-text p{font-size: 1.1rem;max-width: 500px;margin-bottom: 15px;opacity: 0.8;}
.book-promo-section .cta-button{margin-top: 20px;background-color: var(--primary-color);color: #121212;}
.book-promo-section .cta-button:hover{background-color: #be9ffb;transform: translateY(-3px) scale(1.05);box-shadow: 0 10px 20px rgba(167, 139, 250, 0.2);}
.main-footer{text-align: center;padding: 40px 0;background: var(--secondary-color);transition: background-color 0.3s ease;border-top: 1px solid var(--card-border);margin-top: 80px;}
.footer-copyright{font-size: 0.9rem;opacity: 0.6;letter-spacing: 0.5px;}
@media (max-width: 768px){.site-header .container{padding: 0 5%;}
.logo-image{height: 35px;width: 35px;}
.logo-text{font-size: 1.2rem;}
.hero-section{padding-top: 100px;}
.hero-headline{font-size: 2.5rem;}
.pre-header-main{font-size: 2.2rem;}
.pre-header-sub{font-size: 1.2rem;}
.hero-description{text-align: center;}
.feature-grid{display: grid;grid-template-columns: 1fr;gap: 20px;}
.feature-section:nth-child(even) .feature-image, .feature-section:nth-child(even) .feature-text{grid-column: auto;grid-row: auto;}
.feature-text{display: contents;}
.feature-text h2{order: 1;text-align: center;margin-bottom: 25px;font-size: 1.9rem;}
.feature-image{order: 2;width: 100%;max-width: 400px;margin: 0 auto;}
.feature-text .book-list{order: 3;margin: 30px auto;display: inline-block;}
.feature-text .cta-button-secondary{order: 4;justify-self: center;}
.book-list li{text-align: left;}
.book-promo-section .container{grid-template-columns: 1fr;text-align: center;}
.promo-image{max-width: 250px;margin: 0 auto 40px auto;}
.promo-text h1{font-size: 2.5rem;}}