*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#06c;--secondary-color:#ff6b6b;--accent-color:#ffd93d;--dark-color:#1a1a1a;--light-color:#f5f5f5;--text-color:#333;--border-radius:12px;--transition:all .3s ease}body.light{--primary-color:#06c;--secondary-color:#ff6b6b;--accent-color:#ffd93d;--dark-color:#1a1a1a;--light-color:#f5f5f5;--text-color:#333;background-color:#fafafa}body.dark{--primary-color:#3d5a99;--secondary-color:#f08a5d;--accent-color:#f9d56e;--dark-color:#121212;--light-color:#222;--text-color:#e8e8e8;background-color:#111}html{scroll-behavior:smooth}body{color:var(--text-color);background-color:var(--light-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:linear-gradient(135deg, var(--primary-color), #0052a3);z-index:100;padding:1rem 0;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.theme-switcher{color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;margin-right:10px;display:inline-flex}.theme-switcher:hover,.theme-switcher:focus{background:#ffffff40}body.dark .theme-switcher{color:#ffd93d;background:#ffffff14}body.dark .navbar{background:linear-gradient(135deg, var(--primary-color), #2c3a56);box-shadow:0 2px 15px #0006}body.dark .hero{background:linear-gradient(135deg, var(--primary-color), #0f1630)}body.dark .contents-section{background-color:#11131a}body.dark .about-section{background:linear-gradient(135deg,#141823,#1a1f30)}body.dark .chapter,body.dark .about-card,body.dark .topic-content{background:#151824;border-color:#2a2f40}body.dark .chapter-content{background:#171c2e}body.dark .chapter-header{background:linear-gradient(135deg,#1d2438,#1b2132)}body.dark .chapter-header:hover{background:linear-gradient(135deg,#1b2132,#232a41)}body.dark .topics-list li{border-color:#2b3349}body.dark .topics-list a{color:#a8d3ff}body.dark .topics-list a:hover{color:#ffd36f}body.dark .about-card{box-shadow:0 15px 35px #00000040}body.dark .about-card:hover{background:#1f273d}body.dark .footer{color:#d1d8ec;background:#0e1220}body.dark .content-page{background:0 0}.logo-icon{font-size:2rem}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-link{color:#fff;transition:var(--transition);font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--accent-color)}.nav-link:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}.nav-link:hover:after{width:100%}.hamburger{cursor:pointer;flex-direction:column;display:none}.hamburger span{width:25px;height:3px;transition:var(--transition);background-color:#fff;margin:5px 0}.hero{background:linear-gradient(135deg, var(--primary-color), #0052a3);color:#fff;text-align:center;justify-content:center;align-items:center;min-height:600px;padding:100px 20px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;position:relative}.hero h1{margin-bottom:20px;font-size:3.5rem;animation:.8s slideInDown}.hero p{opacity:.9;margin-bottom:30px;font-size:1.5rem;animation:.8s slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.cta-button{background-color:var(--accent-color);color:var(--dark-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;padding:15px 40px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 15px #0003}.cta-button:hover{background-color:#ffb700;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.hero-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{opacity:.1;position:absolute}.shape-1{background-color:#fff;border-radius:50%;width:300px;height:300px;animation:6s ease-in-out infinite float;top:-50px;right:-50px}.shape-2{background-color:#fff;border-radius:50%;width:150px;height:150px;animation:8s ease-in-out infinite float;bottom:50px;left:50px}.shape-3{background-color:#fff;border-radius:50%;width:250px;height:250px;animation:7s ease-in-out infinite float;bottom:-100px;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.contents-section{background-color:#fff;padding:20px}.contents-section h2{text-align:center;color:var(--primary-color);margin-bottom:50px;padding-bottom:20px;font-size:2.5rem;position:relative}.contents-section h2:after{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius:2px;width:100px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.table-of-contents{gap:20px;max-width:900px;margin:0 auto;display:grid}.chapter{border-radius:var(--border-radius);transition:var(--transition);background:#fff;border:2px solid #e0e0e0;overflow:hidden;box-shadow:0 2px 8px #0000000d}.chapter:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #0000001a}.chapter-header{cursor:pointer;transition:var(--transition);user-select:none;background:linear-gradient(135deg,#f5f5f5,#efefef);align-items:center;gap:15px;padding:20px;display:flex}.chapter-header:hover{background:linear-gradient(135deg,#efefef,#e5e5e5)}.chapter-number{background:linear-gradient(135deg, var(--primary-color), #0052a3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;font-weight:700;display:flex}.chapter-header h3{color:var(--text-color);flex:1;margin:0;font-size:1.3rem}.toggle-icon{color:var(--primary-color);transition:var(--transition);flex-shrink:0;font-size:1.2rem}.chapter.open .toggle-icon{transform:rotate(180deg)}.chapter-content{background:#fafafa;max-height:1000px;padding:20px;animation:.3s expandDown;overflow:hidden}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.topics-list{padding:0;list-style:none}.topics-list li{transition:var(--transition);border-bottom:1px solid #e0e0e0;padding:12px 0}.topics-list li:last-child{border-bottom:none}.topics-list a{color:var(--primary-color);transition:var(--transition);font-weight:500;text-decoration:none;display:inline-block}.topics-list a:hover{color:var(--secondary-color);transform:translate(5px)}.about-section{background:linear-gradient(135deg,#f5f5f5,#efefef);padding:80px 20px}.about-section h2{text-align:center;color:var(--primary-color);margin-bottom:50px;padding-bottom:20px;font-size:2.5rem;position:relative}.about-section h2:after{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius:2px;width:100px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.about-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.about-card{border-radius:var(--border-radius);text-align:center;transition:var(--transition);border-top:4px solid var(--primary-color);background:#fff;padding:30px;box-shadow:0 4px 15px #00000014}.about-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px #00000026}.card-icon{margin-bottom:15px;font-size:3rem}.about-card h3{color:var(--primary-color);margin-bottom:10px;font-size:1.3rem}.about-card p{color:#666;line-height:1.8}.footer{background:var(--dark-color);color:#fff;text-align:center;margin-top:60px;padding:30px 20px}@media (width<=768px){.hamburger{display:flex}.nav-menu{display:none}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.hero{min-height:400px;padding:60px 20px}.contents-section h2,.about-section h2{font-size:2rem}.chapter-header{padding:15px}.chapter-number{width:45px;height:45px;font-size:1.1rem}.chapter-header h3{font-size:1.1rem}.cta-button{padding:12px 30px;font-size:1rem}.about-content{grid-template-columns:1fr}.contents-section,.about-section{padding:50px 20px}}@media (width<=480px){.nav-logo{font-size:1.4rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero{min-height:300px;padding:40px 20px}.contents-section h2,.about-section h2{font-size:1.5rem}.chapter-header{flex-wrap:wrap}.topics-list a{font-size:.9rem}}.subjects-section{background:#f7fbff;padding:80px 20px}.subjects-section h2,.section-title{text-align:center;color:var(--primary-color);margin-bottom:40px;font-size:2.5rem;position:relative}.subjects-section h2:after,.section-title:after{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius:2px;width:90px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.subject-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.subject-card{border-radius:var(--border-radius);background:#fff;flex-direction:column;gap:18px;padding:30px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 18px 35px #00000014}.subject-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #0000001f}.subject-icon{font-size:3rem}.subject-card h3{color:var(--dark-color);margin:0}.subject-card p{color:#5f6370;line-height:1.8}.subject-nav{flex-wrap:wrap;justify-content:center;gap:12px;margin:25px 0 35px;display:flex}.subject-link{background:var(--primary-color);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-weight:600;text-decoration:none;transition:background .25s,transform .25s;display:inline-flex}.subject-link:hover{background:#004a92;transform:translateY(-2px)}.subject-summary{background:#fafbff;border-top:1px solid #0066cc14;padding:60px 20px}.subject-summary p{color:#505766;text-align:center;max-width:900px;margin:0 auto 35px;line-height:1.8}body.dark .subject-card,body.dark .subject-summary,body.dark .subjects-section{background:#11131a}body.dark .subject-card{box-shadow:0 18px 35px #00000047}body.dark .subject-link{background:#5a7dbd}body.dark .subject-link:hover{background:#3d5a99}@media (width<=768px){.subject-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=480px){.subject-grid{grid-template-columns:1fr;gap:16px}.subject-card{padding:24px}.subject-icon{font-size:2.5rem}.subjects-section h2{font-size:2rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0052a3}