@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--primary-blue:#16569e;--primary-blue-light:#eff6ff;--primary-blue-hover:#11427a;--primary-green:#ed7d2b;--primary-green-light:#fff7ed;--primary-green-hover:#c96018;--accent-gold:#facc15;--background:#f8fafc;--surface:#fff;--foreground:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}@keyframes glow-radiance{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body{color:var(--foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(-45deg,#fff,#f0f7ff,#fff5eb,#fff) 0 0/400% 400%;margin:0;line-height:1.6;animation:12s infinite glow-radiance}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--foreground);margin:0;font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}
.page-container{flex-direction:column;min-height:calc(100vh - 80px);display:flex}.page-header{color:#fff;margin-bottom:3rem;padding:4rem 1.5rem}.bg-blue{background-color:var(--primary-blue)}.bg-green{background-color:var(--primary-green)}.bg-gold{background-color:var(--accent-gold)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.mt-8{margin-top:2rem}.page-title{color:#fff;margin-bottom:.5rem;font-size:3rem}.page-subtitle{opacity:.9;font-size:1.125rem}.page-section{padding-bottom:5rem;line-height:1.8}.content-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:900px){.content-grid{grid-template-columns:2fr 1fr}}.content-main h2{color:var(--primary-blue);margin-bottom:1.5rem;font-size:2rem}.content-main p{color:var(--foreground);margin-bottom:1.5rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#ffffffb3;padding:1.5rem}.bg-light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff4d}.vision-mission-cards{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (min-width:600px){.vision-mission-cards{grid-template-columns:1fr 1fr}}.admin-list{padding:0;list-style:none}.admin-list li{border-bottom:1px solid var(--border);padding:.75rem 0}.admin-list li:last-child{border-bottom:none}.levels-timeline{flex-direction:column;gap:2rem;max-width:800px;margin:3rem auto 0;display:flex}.level-item{flex-direction:column;gap:1rem;display:flex}@media (min-width:600px){.level-item{flex-direction:row;align-items:flex-start}}.level-badge{background:var(--primary-blue);color:#fff;border-radius:var(--radius-md);white-space:nowrap;text-align:center;min-width:120px;padding:.5rem 1rem;font-weight:700}.level-badge.preschool{background-color:#3b82f6}.level-badge.primary{background-color:var(--primary-green)}.level-badge.jhs{background-color:var(--accent-gold)}.level-badge.shs{background-color:var(--text-muted)}.level-content{flex:1}.level-content h3{color:var(--primary-blue);margin-bottom:.5rem}.process-steps{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);background:#ffffffb3;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-num{background:var(--primary-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.step-desc h4{color:var(--foreground);margin-bottom:.25rem}.step-desc p{color:var(--text-muted);margin:0;font-size:.95rem}.form-card{position:sticky;top:100px}.form-group{margin-bottom:1.25rem}.form-group label{margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.form-control:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light);outline:none}.w-full{width:100%}.success-message{background:var(--primary-green-light);color:var(--primary-green-hover);border-radius:var(--radius-md);border:1px solid #bbf7d0;padding:1rem}.team-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:600px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.team-grid{grid-template-columns:repeat(3,1fr)}}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid var(--border);text-align:center;background:#ffffffb3;padding-bottom:1.5rem;overflow:hidden}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.team-image-wrapper{aspect-ratio:1;width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.team-img{object-fit:cover;transition:transform var(--transition-normal)}.team-card:hover .team-img{transform:scale(1.05)}.team-info{padding:0 1rem}.team-name{color:var(--primary-blue);margin-bottom:.25rem;font-size:1.2rem}.team-role{color:var(--text-muted);font-size:.9rem;font-weight:500}.project-gallery{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;margin-bottom:2rem;display:grid}@media (min-width:768px){.project-gallery{grid-template-columns:repeat(2,1fr)}.md-col-span-2{grid-column:span 2/span 2}}.gallery-item{border-radius:var(--radius-lg);height:300px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:transform var(--transition-normal);position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.object-cover{object-fit:cover}.academic-level-flex{flex-direction:column;gap:2rem;display:flex}@media (min-width:900px){.academic-level-flex{flex-direction:row;align-items:flex-start}.level-text{flex:1}.academic-gallery-v2{flex:1.5}}.academic-gallery-v2{flex-direction:column;gap:1rem;display:flex}.academic-slider-container{aspect-ratio:3/2;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);background:#f1f5f9;position:relative;overflow:hidden}.slider-main{width:100%;height:100%;position:relative}.slider-slide{opacity:0;z-index:1;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.slider-slide.active{opacity:1;z-index:2}.slider-controls{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border-radius:20px;gap:.75rem;padding:.5rem 1rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .3s,transform .3s}.slider-dot.active{background:#fff;transform:scale(1.2)}.slider-dot:hover{background:#fff}@media (max-width:600px){.academic-slider-container{aspect-ratio:4/3}}
.site-header{border-bottom:1px solid var(--border);z-index:50;transition:background-color var(--transition-normal);position:sticky;top:0}.solid-header{background-color:var(--primary-blue);box-shadow:var(--shadow-sm);color:#fff}.transparent-header{color:#fff;background-color:#0000;border-bottom:1px solid #ffffff1a;width:100%;position:absolute}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}@keyframes spin-pop{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.logo a{align-items:center;gap:.75rem;display:flex}.logo-img{object-fit:contain;animation:4s ease-in-out infinite spin-pop}.logo-text-group{flex-direction:column;display:flex}.logo-text{font-family:var(--font-heading);color:#fff;font-size:1.25rem;font-weight:800;line-height:1.1}.logo-subtext{color:var(--primary-green-light);font-size:.875rem;font-weight:500}.desktop-nav{gap:1.5rem;display:none}@media (min-width:768px){.desktop-nav{display:flex}}.nav-link{color:#fff;font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--accent-gold)}.header-actions{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--foreground);background:0 0;border:none;display:block}@media (min-width:768px){.mobile-menu-btn{display:none}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-blue);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-blue-hover);color:#fff}.desktop-only{display:none}@media (min-width:768px){.desktop-only{display:inline-flex}}.mobile-nav-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background-color:#16569ee6;border-top:1px solid #ffffff1a;width:100%;padding:1rem 1.5rem 2rem;animation:.3s ease-out forwards slideDown;position:absolute;top:100%;left:0;box-shadow:0 4px 10px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{flex-direction:column;gap:1.25rem;display:flex}.mobile-nav-link{color:#fff;border-bottom:1px solid #ffffff1a;padding-bottom:.5rem;font-size:1.1rem;font-weight:500}.mobile-nav-link:hover{color:var(--accent-gold)}.btn-secondary{background-color:var(--primary-green);color:#fff}.btn-secondary:hover{background-color:var(--primary-green-hover);color:#fff}.site-footer{background-color:var(--foreground);color:var(--surface);margin-top:auto;padding:4rem 1.5rem 1.5rem}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-title{color:var(--surface);margin-bottom:1rem;font-size:1.5rem}.footer-desc{color:var(--text-muted);font-size:.95rem}.footer-subtitle{color:var(--primary-blue-light);margin-bottom:1.25rem;font-size:1.125rem}.footer-links{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.95rem}.footer-links a:hover{color:var(--surface)}.footer-contact{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.95rem;font-style:normal;display:flex}.footer-contact p{margin:0}.footer-contact a{color:var(--text-muted)}.footer-contact a:hover{color:var(--surface)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding-top:1.5rem;font-size:.875rem}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}