:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}:root{--primary-blue: #54A8DB;--secondary-pink: #F78DAA;--accent-orange: #E67808;--background-white: #FFFFFF;--text-dark: #222222;--text-medium: #555555;--text-light: #888888;--gray-light: #F1F1F1;--gray-medium: #C8C8C9}*{border-color:hsl(var(--border));box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif;scroll-behavior:smooth}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Montserrat,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 5s ease-in-out infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scale-in .2s ease-out}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-primary{background-color:var(--primary-blue)}.text-white{color:#fff}.text-gray-600{color:#4b5563}.font-bold{font-weight:700}.text-center{text-align:center}.py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.my-8{margin-top:2rem;margin-bottom:2rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-8{gap:2rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.border-l-4{border-left-width:4px}.border-primary{border-color:var(--primary-blue)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.text-3xl{font-size:1.875rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-wide{letter-spacing:.025em}.italic{font-style:italic}.max-w-\[740px\]{max-width:740px}.max-w-\[100px\]{max-width:100px}.max-w-\[600px\]{max-width:600px}.w-full{width:100%}.h-full{height:100%}.object-contain{-o-object-fit:contain;object-fit:contain}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--primary-blue);box-shadow:0 2px 4px #0000001a}.nav-logo{height:40px}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--text-medium);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--primary-blue)}.btn{display:inline-block;padding:.5rem 1.5rem;border-radius:.375rem;font-weight:600;text-align:center;transition:all .2s;cursor:pointer}.btn-primary{background-color:var(--primary-blue);color:#fff;border:none}.btn-primary:hover{background-color:#3d8ebd}.btn-secondary{background-color:var(--secondary-pink);color:#fff;border:none}.btn-secondary:hover{background-color:#e57794}.hero{background-color:var(--primary-blue);color:#fff;padding:6rem 2rem;text-align:center}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem}.hero-subtitle{font-size:1.5rem;max-width:700px;margin:0 auto 2rem}.hero-image{max-width:350px;margin:0 auto}.book-overview{padding:6rem 2rem;background-color:#fff}.book-overview-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 768px){.book-overview-grid{grid-template-columns:1fr 1fr}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:flex-row{flex-direction:row}}.chapter-container{padding:2rem;border:1px solid var(--gray-light);border-radius:.5rem;background-color:#fff;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem}.chapter-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark)}.chapter-description{color:var(--text-medium)}.footer{background-color:var(--text-dark);color:#fff;padding:4rem 2rem 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-links{list-style:none}.footer-link{margin-bottom:.75rem}.footer-link a{color:var(--gray-medium);text-decoration:none;transition:color .2s}.footer-link a:hover{color:#fff}.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.separator{height:1px;background-color:var(--border);width:100%}.prose{line-height:1.8;color:var(--text-dark)}.prose h3{font-size:1.25rem;font-weight:700;margin-top:1.5rem;margin-bottom:1rem}.prose p{margin-bottom:1rem}.prose blockquote{font-style:italic;padding:1rem 0;border-top:1px solid var(--gray-light);border-bottom:1px solid var(--gray-light);margin:2rem 0;text-align:center}.prose strong{font-weight:700}.prose .bg-gray-50{background-color:#f9fafb;padding:1.5rem;border-radius:.375rem;border:1px solid var(--gray-light);margin:2rem 0}.prose ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.5rem}.prose ul li{margin-bottom:.5rem}.adds-framework{background-color:#f9fafb;padding:1.5rem;border-radius:.375rem;border:1px solid var(--gray-light);margin:2rem 0}.card{border:1px solid var(--gray-light);border-radius:.375rem;padding:1.25rem;margin-bottom:1rem}.adds-letter{background-color:var(--primary-blue);color:#fff;border-radius:9999px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;margin-right:.75rem}.quiz-option{cursor:pointer}.quiz-option.selected .option-indicator{background-color:var(--primary-blue);border-color:var(--primary-blue)}.quiz-option .option-indicator{transition:all .2s ease}.quiz-result{display:none;margin-top:1.5rem;padding:1rem;border-radius:.375rem;background-color:#f0f9ff;border:1px solid #bae6fd}.quiz-result.visible{display:block;animation:fade-in .5s ease-out}a{color:inherit;text-decoration:none}