/* ============================================ HAPPY SLATE BOOKS - Main Stylesheet ============================================ */@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@400;600;700&display=swap');/* CSS Variables - Design Tokens */:root{/* Core Brand Colors - Fun & Learning */ --primary-blue:#4FC3F7;/* Sky Blue */ --text-logo-blue:#29B6F6;/* Logo Blue */ --text-logo-red:#FF5252;/* Logo Red */ --primary-yellow:#FFD700;/* Sunflower Yellow (Buttons) */ --secondary-yellow:#FFD93D;/* Sunshine Yellow */ --secondary-hover:#F5CC2A;--accent-coral:#FF6F61;/* Coral Pink - Accent 1 */ --accent-coral-hover:#E85A4F;/* Dark Coral for button hover */ --accent-mint:#6BCFBC;/* Mint Green - Accent 2 */ --accent-mint-hover:#58C0AC;/* UI System Colors */ --bg-soft:#FFFDF7;/* Soft White Background */ --card-bg:#E3F6FD;/* Pastel Blue for Cards */ --white:#FFFFFF;--text-primary:#243A5E;/* Navy for primary text */ --text-secondary:#5C6F82;/* Slate for secondary text */ --border-color:#E6EEF5;/* Light Grey for borders */ /* Gradients - Soft & Playful */ --gradient-primary:linear-gradient(135deg, #4FC3F7 0%, #81D4FA 100%);--gradient-secondary:linear-gradient(135deg, #FF6F61 0%, #FF8A65 100%);--gradient-hero:linear-gradient(105deg, #E0F7FA 0%, #FFF9C4 100%);/* Soft Cyan to Pastel Yellow */ --gradient-card:linear-gradient(180deg, #FFFFFF 0%, #E1F5FE 100%);/* Animation Accents */ --bubble-pop:#FFD700;--hover-glow:rgba(79, 195, 247, 0.4);/* Functional Colors */ --success-green:#6BCFBC;--error-red:#FF5252;/* Legacy variable mappings for compatibility */ --primary-pink:#FF6F61;--secondary-teal:#6BCFBC;--accent-yellow:#FFD700;--dark-navy:#243A5E;--light-bg:#FFFDF7;--gray-text:#5C6F82;--gray-light:#E6EEF5;/* Typography */ --font-heading:'Baloo 2', 'Nunito', sans-serif;/* Rounded, Chunky, Happy Font */ --font-body:'Nunito', 'Segoe UI', sans-serif;/* Readable Friendly Font */ --heading-color:#2d3748;/* Dark Grayish Blue */ /* Spacing */ --space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;/* Shadows */ --shadow-sm:0 2px 8px rgba(36, 58, 94, 0.06);--shadow-md:0 5px 20px rgba(36, 58, 94, 0.08);--shadow-lg:0 10px 30px rgba(36, 58, 94, 0.10);--shadow-xl:0 15px 40px rgba(36, 58, 94, 0.12);--shadow-hover:0 20px 40px rgba(79, 195, 247, 0.25);/* Border Radius */ --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;/* Transitions */ --transition-fast:200ms;--transition-normal:300ms;--transition-slow:500ms;--easing-standard:cubic-bezier(0.16, 1, 0.3, 1);/* Z-Index */ --z-dropdown:1000;--z-sticky:999;--z-fixed:1001;--z-modal:2000;}/* Reset & Global Styles */*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:var(--font-body);line-height:1.6;color:var(--text-primary);background-color:var(--bg-soft);overflow-x:hidden;font-size:18px;/* Increased from default 16px */}/* Typography */h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);/* Apply Baloo 2 to all headings */ line-height:1.2;margin-bottom:var(--space-md);font-weight:700;color:var(--heading-color);/* Dark grayish blue */}h1{font-size:3.2rem;}h2{font-size:2.5rem;}h3{font-size:2rem;color:#00BCD4;/* Cyan for sub-headings - keep this for accent */}h4{font-size:1.6rem;}h5{font-size:1.3rem;}p{margin-bottom:var(--space-md);color:var(--text-secondary);font-size:1.05rem;/* Slightly larger */}/* Links */a{color:var(--primary-pink);text-decoration:none;transition:color var(--transition-fast) var(--easing-standard);}a:hover{color:var(--secondary-teal);}a:focus-visible{outline:2px solid var(--primary-pink);outline-offset:2px;}/* Container */.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md);}/* Section */section{padding:var(--space-3xl) var(--space-md);}.section-header{text-align:center;margin-bottom:var(--space-2xl);}.section-header h2{margin-bottom:var(--space-sm);}.section-header p{font-size:var(--font-size-lg);max-width:600px;margin:0 auto;}/* ============================================ NAVIGATION ============================================ */header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);padding:var(--space-md) 0;}nav{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 var(--space-md);}.logo{display:flex;align-items:center;gap:0;/* Remove gap for tighter word spacing */ font-size:2rem;/* Increased from var(--font-size-xl) for bigger logo */ font-weight:700;text-decoration:none;font-family:'Baloo 2', sans-serif;}.logo span:nth-child(1){color:#00A8E8;/* Cyan for "Happy" */}.logo span:nth-child(2){color:#E63946;/* Red for "Slate" */}.logo span:nth-child(3){color:#00A8E8;/* Cyan for "Books" */}.logo:hover{opacity:0.8;}nav ul{display:flex;list-style:none;gap:var(--space-md);align-items:center;/* Vertically center all nav items including button */}nav ul li a{color:var(--dark-navy);font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-normal);display:inline-block;white-space:nowrap;/* Prevent wrapping in menu items */ /* Ensure proper alignment */}nav ul li a:hover,nav ul li a.active{color:var(--primary-pink);background:rgba(255, 107, 157, 0.1);}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm);}.mobile-menu-btn span{width:25px;height:3px;background:var(--dark-navy);border-radius:2px;transition:all var(--transition-normal);}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px);}.mobile-menu-btn.active span:nth-child(2){opacity:0;}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px);}/* Dropdown Menu Styles */.nav-dropdown{position:relative;}.nav-dropdown>a{display:flex;align-items:center;gap:4px;}.dropdown-arrow{font-size:0.7rem;transition:transform var(--transition-normal);}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg);}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--white);min-width:220px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-sm) 0;margin-top:var(--space-sm);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal) var(--easing-standard);z-index:var(--z-dropdown);list-style:none;display:flex;flex-direction:column;/* Force vertical stacking */}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}.dropdown-menu li{margin:0;}.dropdown-menu li a{display:block;padding:var(--space-sm) var(--space-lg);color:var(--dark-navy);font-weight:500;text-decoration:none;transition:all var(--transition-fast);border-radius:0;}.dropdown-menu li a:hover,.dropdown-menu li a.active{background:rgba(79, 195, 247, 0.1);color:var(--primary-blue);padding-left:calc(var(--space-lg) + 4px);}.dropdown-menu li a.active{font-weight:600;border-left:3px solid var(--primary-blue);}/* ============================================ BUTTONS ============================================ */.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius-full);/* Maximum Pill Shape */ font-weight:600;font-family:var(--font-heading);/* Fun Font for Buttons */ transition:all var(--transition-normal) var(--easing-standard);border:none;cursor:pointer;text-decoration:none;font-size:1rem;line-height:1.5;}.btn:hover{transform:translateY(-2px);}.btn:active{transform:scale(0.96);}.btn:focus-visible{outline:2px solid var(--dark-navy);outline-offset:2px;}.btn-primary{background:var(--primary-yellow);color:var(--dark-navy);box-shadow:0 4px 15px rgba(255, 215, 0, 0.3);font-weight:700;/* Bolder text */}.btn-primary:hover{background:#FFC107;/* Darker Yellow */ box-shadow:0 6px 20px rgba(255, 215, 0, 0.4);transform:translateY(-2px);color:var(--dark-navy);}/* Better icon/emoji visibility in buttons */.btn-primary::before,nav .btn::before{margin-right:0.4rem;}/* Make emojis in nav buttons more visible */nav .btn{font-size:1.05rem;gap:0.4rem;}.btn-secondary{background:var(--white);color:var(--primary-blue);border:2px solid var(--primary-blue);box-shadow:0 4px 12px rgba(79, 195, 247, 0.15);}.btn-secondary:hover{background:#F0FBFF;box-shadow:0 6px 20px rgba(79, 195, 247, 0.25);transform:translateY(-2px);color:var(--primary-blue);}.btn-outline{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);}.btn-outline:hover{background:rgba(79, 195, 247, 0.1);color:var(--primary-blue);}.btn-lg{padding:14px 32px;font-size:1.15rem;}.btn-sm{padding:8px 16px;font-size:0.9rem;}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;}/* ============================================ HERO SECTION ============================================ */.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);/* Soft Cyan/Yellow */ position:relative;overflow:hidden;padding-top:80px;}/* ============================================ PAGE HEADER (FOR NON-HOME PAGES) ============================================ */.page-header{background:linear-gradient(90deg, #D0F4F7 0%, #FFF9E6 100%);/* Horizontal:Light Cyan to Pale Yellow */ padding:120px var(--space-md) 60px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;}.page-label{display:inline-block;color:#FF5252;/* Red label */ font-size:0.9rem;font-weight:700;letter-spacing:1.5px;margin-bottom:var(--space-md);text-transform:uppercase;}.page-header h1{font-size:3.5rem;margin-bottom:var(--space-md);color:var(--heading-color);}.page-header p{font-size:1.25rem;max-width:700px;margin:0 auto;color:var(--text-secondary);}.hero::before{content:'';position:relative;padding:140px 0 80px;/* More top padding for fixed header */ background:var(--gradient-hero);overflow:hidden;min-height:80vh;display:flex;align-items:center;}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;position:relative;z-index:var(--z-normal);}.hero-content{text-align:left;max-width:600px;}.hero h1{font-size:4.5rem;/* Increased from 4rem */ line-height:1.1;margin-bottom:var(--space-lg);font-weight:800;}.hero p{font-size:1.35rem;/* Increased from 1.25rem */ line-height:1.7;margin-bottom:var(--space-xl);max-width:600px;}.text-gradient{background:linear-gradient(135deg, #FF6B9D 0%, #C06CFF 50%, #4FC3F7 100%);/* Pink → Purple → Blue gradient */ -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;display:inline-block;}.badge-pill{display:inline-block;padding:8px 16px;background:rgba(255, 79, 129, 0.1);color:var(--primary-pink);border-radius:var(--radius-full);font-weight:600;font-size:0.9rem;margin-bottom:var(--space-md);border:1px solid rgba(255, 79, 129, 0.2);}.hero-buttons{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);}.trust-indicators{display:flex;gap:var(--space-lg);font-size:0.95rem;color:var(--text-color);font-weight:500;}.trust-item{display:flex;align-items:center;gap:6px;will-change:transform;}.hero-image-grid{position:relative;min-height:500px;}.hero-img-main{position:absolute;top:0;right:20px;width:85%;height:380px;z-index:2;}.hero-img-main img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:4px solid var(--white);}.hero-img-secondary{position:absolute;bottom:0;left:0;width:55%;height:250px;z-index:3;}.hero-img-secondary img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:4px solid var(--white);}.hero-floating-card{position:absolute;top:-20px;/* Position higher - moved up from top:10px */ right:20px;/* Align with right edge */ background:var(--white);padding:12px 18px;/* More compact - reduced from 16px 24px */ border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);display:flex;align-items:center;gap:8px;/* Reduced gap from 12px */ z-index:10;animation:float 3s ease-in-out infinite;}.hero-floating-card span{font-size:24px;/* Smaller icon - reduced from 32px */ background:var(--light-bg);padding:6px;/* Reduced from 8px */ border-radius:50%;}.hero-floating-card div{display:flex;flex-direction:column;}.hero-floating-card strong{font-size:0.85rem;/* Slightly smaller - reduced from 0.9rem */ color:var(--dark-navy);}.hero-floating-card small{font-size:0.7rem;/* Slightly smaller - reduced from 0.75rem */ color:var(--gray-text);}/* Floating Shapes */.floating-shape{position:absolute;animation:float 6s ease-in-out infinite;}.floating-shape:nth-child(2){width:60px;height:60px;background:var(--white);border-radius:10px;top:60%;left:5%;animation-delay:1s;}.floating-shape:nth-child(3){width:100px;height:100px;background:var(--accent-yellow);border-radius:50%;top:30%;right:10%;animation-delay:2s;}.floating-shape:nth-child(4){width:50px;height:50px;background:var(--white);border-radius:8px;top:70%;right:15%;animation-delay:3s;}/* ============================================ FEATURE CARDS ============================================ */.features{background:var(--light-bg);}.features-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-lg);}.feature-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal) var(--easing-standard);}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}.feature-icon{font-size:48px;margin-bottom:var(--space-md);display:block;}.feature-card h4{margin-bottom:var(--space-sm);color:var(--dark-navy);}.feature-card p{font-size:var(--font-size-sm);margin-bottom:0;}/* ============================================ LEARNING DOMAINS ============================================ */.domains-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-lg);}.domain-card{background:var(--white);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-pink);transition:all var(--transition-normal) var(--easing-standard);}.domain-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-left-color:var(--secondary-teal);}.domain-card:nth-child(2){border-left-color:var(--secondary-teal);}.domain-card:nth-child(3){border-left-color:var(--accent-yellow);}.domain-card:nth-child(4){border-left-color:var(--primary-pink);}.domain-card:nth-child(5){border-left-color:var(--secondary-teal);}.domain-card:nth-child(6){border-left-color:var(--accent-yellow);}.domain-icon{font-size:36px;flex-shrink:0;}.domain-card h5{margin-bottom:0;font-size:var(--font-size-lg);}/* ============================================ PRODUCTS / BOOKS ============================================ */.products-section{background:var(--light-bg);}.tabs{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;}.tab-btn{padding:var(--space-sm) var(--space-xl);background:var(--white);border:2px solid var(--gray-light);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);color:var(--gray-text);}.tab-btn:hover{border-color:var(--primary-pink);color:var(--primary-pink);}.tab-btn.active{background:var(--primary-pink);border-color:var(--primary-pink);color:var(--white);}.books-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-lg);}.book-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal) var(--easing-standard);/* Flex layout for bottom alignment */ display:flex;flex-direction:column;height:100%;}.book-card:hover{transform:translateY(-8px) rotate(1deg);box-shadow:var(--shadow-xl);}.book-image{height:280px;/* Increased height for portrait books */ background:var(--light-bg);/* Neutral pattern instead of heavy gradient */ display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-md);/* Add padding so book doesn't touch edges */}.book-image img{width:100%;height:100%;object-fit:contain;/* Ensure full book cover is visible */ filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));/* Add shadow to the book itself */ transition:transform var(--transition-normal);}.book-image:hover img{transform:scale(1.05);}.book-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--accent-yellow);color:var(--dark-navy);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:600;}.book-info{padding:var(--space-lg);flex-grow:1;/* Pushes the button down */ display:flex;flex-direction:column;}.book-info h4{font-size:var(--font-size-base);margin-bottom:var(--space-xs);color:var(--dark-navy);}.book-subtitle{font-size:var(--font-size-sm);color:var(--gray-text);margin-bottom:var(--space-md);}.book-age{display:inline-block;background:var(--light-bg);color:var(--dark-navy);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:600;}/* ============================================ QUOTE CTA SECTION ============================================ */.quote-cta{background:linear-gradient(135deg, var(--secondary-teal) 0%, var(--primary-pink) 100%);color:var(--white);text-align:center;}.quote-cta h2{margin-bottom:var(--space-md);}.quote-cta p{color:rgba(255, 255, 255, 0.9);font-size:var(--font-size-lg);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto;}.quote-cta .btn{background:var(--white);color:var(--primary-pink);}.quote-cta .btn:hover{background:var(--light-bg);}/* ============================================ CONTACT CARDS ============================================ */.contact-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-lg);}.contact-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal);}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.contact-icon{font-size:48px;margin-bottom:var(--space-md);}.contact-card h4{margin-bottom:var(--space-sm);}.contact-card p{font-size:var(--font-size-sm);margin-bottom:var(--space-md);}.contact-card a{display:block;margin-bottom:var(--space-xs);}/* ============================================ FORMS ============================================ */.form-container{max-width:700px;margin:0 auto;background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg);}.form-group{margin-bottom:var(--space-lg);}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--dark-navy);}.form-group label span{color:var(--error-red);}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-md);border:2px solid var(--gray-light);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-base);transition:all var(--transition-fast);background:var(--white);}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 0 3px rgba(255, 107, 157, 0.1);}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--error-red);}.form-group textarea{resize:vertical;min-height:120px;}.form-row{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-md);}.error-message{color:var(--error-red);font-size:var(--font-size-sm);margin-top:var(--space-xs);display:block;}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-md);}.checkbox-group label{display:flex;align-items:center;gap:var(--space-sm);font-weight:400;cursor:pointer;}.checkbox-group input[type="checkbox"]{width:18px;height:18px;accent-color:var(--primary-pink);}/* Multi-step form */.form-steps{display:flex;justify-content:center;margin-bottom:var(--space-xl);}.step{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--gray-text);font-weight:500;}.step.active{color:var(--primary-pink);}.step.completed{color:var(--success-green);}.step-number{width:30px;height:30px;border-radius:50%;background:var(--gray-light);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);}.step.active .step-number{background:var(--primary-pink);color:var(--white);}.step.completed .step-number{background:var(--success-green);color:var(--white);}.text-gradient{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;}.step-connector{width:50px;height:2px;background:var(--gray-light);}.step.completed+.step-connector{background:var(--success-green);}/* ============================================ MODAL ============================================ */.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all var(--transition-normal);}.modal.active{opacity:1;visibility:visible;}.modal-content{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl);max-width:500px;width:90%;text-align:center;position:relative;transform:scale(0.9);transition:transform var(--transition-normal);}.modal.active .modal-content{transform:scale(1);}.close-btn{position:absolute;top:var(--space-md);right:var(--space-md);font-size:24px;cursor:pointer;color:var(--gray-text);transition:color var(--transition-fast);}.close-btn:hover{color:var(--dark-navy);}/* ============================================ FOOTER ============================================ */footer{background:var(--dark-navy);color:var(--white);padding:var(--space-2xl) var(--space-md);}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-xl);}.footer-section h5{margin-bottom:var(--space-md);color:var(--accent-yellow);}.footer-section p,.footer-section a{color:rgba(255, 255, 255, 0.8);font-size:var(--font-size-sm);}.footer-section a:hover{color:var(--accent-yellow);}.footer-section ul{list-style:none;}.footer-section ul li{margin-bottom:var(--space-sm);}/* Footer Bottom */.footer-bottom{max-width:1200px;margin:var(--space-xl) auto 0;text-align:center;padding-top:var(--space-lg);border-top:1px solid rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.6);}.footer-bottom p{margin:0;font-size:var(--font-size-sm);}/* ============================================ ABOUT PAGE ENHANCEMENTS ============================================ *//* Philosophy Content */.philosophy-content{max-width:900px;margin:0 auto;text-align:left;}.philosophy-content p{font-size:1.1rem;line-height:1.8;margin-bottom:var(--space-lg);color:var(--text-dark);}.philosophy-content p:last-child{margin-bottom:0;}/* Special Features Section */.special-features{padding:var(--space-3xl) 0;background:var(--white);}.features-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(450px, 1fr));gap:var(--space-lg);max-width:1000px;margin:0 auto;}.feature-item{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-soft);border-radius:var(--radius-md);transition:all var(--transition-normal);align-items:flex-start;}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.check-icon{flex-shrink:0;width:28px;height:28px;background:var(--primary-blue);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px;margin-top:2px;}.feature-item h4{margin:0 0 var(--space-xs) 0;color:var(--dark-navy);font-size:1.1rem;}.feature-item p{margin:0;color:var(--text-dark);line-height:1.6;}/* Responsive adjustments for new sections */@media (max-width:768px){.features-list{grid-template-columns:1fr;gap:var(--space-md);} .philosophy-content p{font-size:1rem;} .feature-item{padding:var(--space-md);}}/* ============================================ ABOUT PAGE ============================================ */.about-hero{background:var(--light-bg);padding-top:120px;}.about-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3xl);align-items:center;}.about-text h2{margin-bottom:var(--space-lg);}.about-image{text-align:center;}.about-image img{max-width:400px;width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all 0.4s ease;}.animate-book img{animation:floatBook 4s ease-in-out infinite;}.animate-book:hover img{transform:scale(1.05) rotate(-2deg);box-shadow:0 20px 50px rgba(0, 0, 0, 0.2);}@keyframes floatBook{0%, 100%{transform:translateY(0);} 50%{transform:translateY(-15px);}}.about-text h3{margin-bottom:var(--space-lg);}.quote-box{background:linear-gradient(90deg, #00BCD4 0%, transparent 100%);border-left:4px solid #00BCD4;padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;border-radius:4px;}.quote-box p{margin:0;font-style:italic;color:#2C3E50;}/* ============================================ CREDENTIALS / OUR IMPACT SECTION ============================================ */.credentials{padding:var(--space-3xl) 0;background:var(--bg-soft);}.credentials-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-xl);margin-top:var(--space-xl);}.credential-item{text-align:center;padding:var(--space-xl);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);}.credential-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}.credential-number{font-size:3rem;font-weight:800;color:var(--primary-blue);margin-bottom:var(--space-sm);font-family:var(--font-heading);}.credential-text{color:var(--text-secondary);font-size:1rem;font-weight:600;}/* ============================================ NOTIFICATION ============================================ */.notification{position:fixed;bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);background:var(--dark-navy);color:var(--white);box-shadow:var(--shadow-lg);transform:translateY(100px);opacity:0;transition:all var(--transition-normal);z-index:var(--z-modal);}.notification.show{transform:translateY(0);opacity:1;}.notification-success{background:var(--success-green);}.notification-error{background:var(--error-red);}/* ============================================ PAGE HEADER (for sub-pages) ============================================ */.page-header{background:linear-gradient(135deg, var(--primary-pink) 0%, var(--secondary-teal) 100%);color:var(--white);text-align:center;padding:150px var(--space-md) var(--space-3xl);}.page-header h1{margin-bottom:var(--space-md);}.page-header p{color:rgba(255, 255, 255, 0.9);font-size:var(--font-size-lg);max-width:600px;margin:0 auto;}/* ============================================ UTILITIES ============================================ */.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.flex{display:flex;}.flex-col{flex-direction:column;}.items-center{align-items:center;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-sm{gap:var(--space-sm);}.gap-md{gap:var(--space-md);}.gap-lg{gap:var(--space-lg);}.mt-sm{margin-top:var(--space-sm);}.mt-md{margin-top:var(--space-md);}.mt-lg{margin-top:var(--space-lg);}.mb-sm{margin-bottom:var(--space-sm);}.mb-md{margin-bottom:var(--space-md);}.mb-lg{margin-bottom:var(--space-lg);}.p-md{padding:var(--space-md);}.p-lg{padding:var(--space-lg);}.bg-light{background:var(--light-bg);}.bg-white{background:var(--white);}.hidden{display:none;}/* ============================================ SCHOOL LEADERS SECTION ============================================ */.leaders-section-header{text-align:center;margin-bottom:3rem;}.leaders-badge{display:inline-block;background:rgba(255, 255, 255, 0.2);color:white;padding:0.5rem 1.5rem;border-radius:50px;font-size:0.9rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;}.leaders-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-bottom:3rem;}.leaders-info-card{background:white;padding:3rem;border-radius:20px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);}.leaders-benefits-column{display:grid;gap:1.5rem;}.leaders-benefit-card{background:white;padding:2rem;border-radius:16px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}/* Jumping Minds Page */.development-areas-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:1.25rem;}/* WhatsApp Enquiry Button */.book-whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:6px;background-color:#25D366;/* WhatsApp Green */ color:white;padding:6px 14px;border-radius:50px;text-decoration:none;font-weight:600;text-decoration:none;font-weight:600;font-size:0.85rem;width:fit-content;margin:0 auto var(--space-md);/* Center horizontally, fix to bottom */ transition:all 0.3s ease;box-shadow:0 2px 4px rgba(37, 211, 102, 0.2);}.book-whatsapp-btn:hover{background-color:#128C7E;/* Darker Green */ transform:translateY(-2px);box-shadow:0 4px 8px rgba(37, 211, 102, 0.3);color:white;}.book-whatsapp-btn svg{fill:currentColor;width:16px;height:16px;}/* CTA Contact Info */.cta-contact-info{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-sm);color:rgba(255, 255, 255, 0.85);margin-top:1.5rem;font-size:0.95rem;}.cta-contact-info span{white-space:nowrap;/* Ensure details don't wrap mid-text */}.cta-separator{margin:0 var(--space-xs);}