:root{--primary-color:#4a89dc;--secondary-color:#5d9cec;--accent-color:#f6bb42;--dark-color:#434a54;--light-color:#f5f7fa;--success-color:#8cc152;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,0.1);}
*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
body{background-color:#f9f9f9;color:#333;line-height:1.6;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;}
header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:2rem 0;text-align:center;border-bottom:5px solid var(--accent-color);}
.logo{font-size:2.5rem;font-weight:bold;margin-bottom:1rem;}
h1{font-size:2.2rem;margin-bottom:1rem;}
.header-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;}
.book-cover{flex:1;min-width:300px;text-align:center;}
.book-cover img{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--box-shadow);}
.header-text{flex:2;min-width:300px;}
.cta-button{display:inline-block;background-color:var(--accent-color);color:#fff;padding:15px 30px;font-size:1.2rem;font-weight:bold;text-decoration:none;border-radius:var(--border-radius);margin-top:1rem;transition:all 0.3s ease;box-shadow:var(--box-shadow);}
.cta-button:hover{background-color:#e6ae35;transform:translateY(-3px);}
section{padding:3rem 0;}
.section-title{text-align:center;margin-bottom:2rem;color:var(--primary-color);font-size:2rem;position:relative;padding-bottom:15px;}
.section-title:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background-color:var(--accent-color);border-radius:2px;}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;}
.feature-card{background-color:white;padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:transform 0.3s ease;}
.feature-card:hover{transform:translateY(-5px);}
.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;text-align:center;}
.feature-card h3{color:var(--dark-color);margin-bottom:1rem;}
.chapter-list{background-color:white;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);}
.chapter{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee;}
.chapter:last-child{border-bottom:none;}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;}
.gallery-item{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:transform 0.3s ease;}
.gallery-item:hover{transform:scale(1.03);}
.gallery-item img{width:100%;height:auto;display:block;}
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.testimonial{background-color:white;padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);position:relative;}
.testimonial:before{content:'"';font-size:5rem;color:#eee;position:absolute;top:-10px;right:10px;line-height:1;}
.testimonial-text{margin-bottom:1rem;font-style:italic;}
.testimonial-author{font-weight:bold;color:var(--primary-color);}
.faq-item{margin-bottom:1.5rem;background-color:white;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);}
.faq-question{padding:1.5rem;background-color:var(--primary-color);color:white;font-weight:bold;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.faq-answer{padding:1.5rem;display:none;}
.faq-active .faq-answer{display:block;}
.comparison-table{width:100%;border-collapse:collapse;background-color:white;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);}
.comparison-table th,.comparison-table td{padding:1rem;text-align:center;border:1px solid #eee;}
.comparison-table th{background-color:var(--primary-color);color:white;}
.comparison-table tr:nth-child(even){background-color:#f9f9f9;}
.download-section{text-align:center;background:linear-gradient(135deg,#e6ae35,#f6bb42);padding:3rem;border-radius:var(--border-radius);color:white;margin:3rem 0;box-shadow:var(--box-shadow);}
.download-section h2{margin-bottom:1.5rem;color:white;}
form{max-width:500px;margin:0 auto;}
.form-group{margin-bottom:1rem;}
input[type="text"],input[type="email"]{width:100%;padding:12px;border:none;border-radius:var(--border-radius);font-size:1rem;}
footer{background-color:var(--dark-color);color:white;padding:3rem 0;text-align:center;}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;}
.footer-links a{color:white;text-decoration:none;}
.footer-links a:hover{text-decoration:underline;}
@media(max-width:768px){.header-content{flex-direction:column;}.features,.testimonials{grid-template-columns:1fr;}.section-title{font-size:1.8rem;}}
.download-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0;}
.download-card{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow);text-align:center;transition:all 0.3s ease;border:2px solid #ddd;}
.download-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,0.1);border-color:var(--primary-color);}
.download-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem;}
.download-quality{display:inline-block;background-color:var(--primary-color);color:white;padding:5px 15px;border-radius:20px;font-size:0.9rem;margin-bottom:1rem;}
.download-features{text-align:right;margin:1.5rem 0;list-style-type:none;}
.download-features li{padding:8px 0;border-bottom:1px dashed #ddd;position:relative;padding-right:25px;}
.download-features li:before{content:"✓";position:absolute;right:0;color:var(--success-color);font-weight:bold;}
.download-btn{display:inline-block;background-color:var(--success-color);color:white;padding:12px 25px;border-radius:var(--border-radius);text-decoration:none;font-weight:bold;transition:all 0.3s ease;margin-top:1rem;}
.download-btn:hover{background-color:#7bb142;transform:scale(1.05);}
.download-info{background-color:#e8f4fc;border-right:4px solid var(--primary-color);padding:1.5rem;border-radius:var(--border-radius);margin:2rem 0;}
.notice-box{background-color:#fff8e6;border:1px solid #ffd54f;padding:1.5rem;border-radius:var(--border-radius);margin:2rem 0;text-align:center;}
@media(max-width:768px){.download-options{grid-template-columns:1fr;}}

.educational-platform{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:4rem 0;margin:4rem 0;border-radius:var(--border-radius);position:relative;overflow:hidden;}
.educational-platform:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.05)"/></svg>');background-size:cover;}
.platform-content{position:relative;z-index:2;text-align:center;}
.platform-title{font-size:2.5rem;margin-bottom:1.5rem;color:white;}
.platform-subtitle{font-size:1.2rem;margin-bottom:2.5rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8;}
.platform-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0;}
.platform-feature{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;}
.platform-feature:hover{transform:translateY(-5px);background:rgba(255,255,255,0.15);box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.platform-feature-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-color);}
.platform-feature h3{margin-bottom:1rem;font-size:1.4rem;}
.platform-cta{margin-top:3rem;}
.platform-btn{display:inline-block;background-color:var(--accent-color);color:#333;padding:15px 40px;font-size:1.2rem;font-weight:bold;text-decoration:none;border-radius:50px;margin:0 15px;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.platform-btn:hover{background-color:#ffce54;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.3);}
.platform-btn-secondary{background-color:transparent;color:white;border:2px solid white;}
.platform-btn-secondary:hover{background-color:white;color:#333;}
.free-test-box{background:linear-gradient(135deg,#ffce54 0%,#f6bb42 100%);color:#333;padding:2.5rem;border-radius:var(--border-radius);margin:3rem auto;max-width:800px;text-align:center;box-shadow:var(--box-shadow);position:relative;overflow:hidden;}
.free-test-box:before{content:'🔥';position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:0.1;transform:rotate(25deg);}
.free-test-title{font-size:2rem;margin-bottom:1rem;color:#333;}
.test-btn{background-color:var(--primary-color);color:white;border:none;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:bold;cursor:pointer;transition:all 0.3s ease;}
.test-btn:hover{background-color:#3a70c0;}
@media(max-width:768px){.platform-title{font-size:2rem;}.platform-features{grid-template-columns:1fr;}}