.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2563eb4d}.btn-secondary{background:#fff;color:var(--primary-color);border-color:#fff}.btn-secondary:hover{background:transparent;color:#fff}.btn-outline{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-light{background:#fff;color:var(--primary-color)}.btn-light:hover{background:#ffffffe6;transform:translateY(-2px)}.btn-outline-light{background:transparent;color:#fff;border-color:#fff}.btn-outline-light:hover{background:#fff;color:var(--primary-color)}.hero{position:relative;margin-top:110px}.hero-slider{height:85vh;min-height:600px}.hero-slide{height:100%;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#0006)}.hero-content{position:relative;z-index:2;color:#fff;max-width:700px}.hero-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-md);border:1px solid rgba(255,255,255,.2)}.hero-content h1{font-size:clamp(2rem,5vw,var(--font-size-5xl));font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-content p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-xl);max-width:550px}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-slider .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:.5}.hero-slider .swiper-pagination-bullet-active{opacity:1;background:var(--primary-color)}.hero-slider .swiper-button-prev,.hero-slider .swiper-button-next{color:#fff;width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full)}.hero-slider .swiper-button-prev:after,.hero-slider .swiper-button-next:after{font-size:18px}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:#fff;opacity:.7;z-index:10;animation:bounce 2s infinite}.mouse{width:26px;height:40px;border:2px solid white;border-radius:20px;position:relative}.wheel{width:4px;height:8px;background:#fff;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}.quick-stats{position:relative;margin-top:-60px;z-index:20;padding:0 var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);background:var(--background-color);padding:var(--spacing-xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-xl)}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-color);line-height:1}.stat-label{color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}.quick-stats{margin-top:-30px}}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-md)}.section-header.text-center{flex-direction:column;align-items:center;text-align:center}.section-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#2563eb1a;color:var(--primary-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.section-title{font-size:clamp(1.75rem,3vw,var(--font-size-4xl));font-weight:800;color:var(--text-color);line-height:1.2}.section-subtitle{color:var(--text-muted);font-size:var(--font-size-lg);max-width:600px;margin-top:var(--spacing-sm)}.about-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.about-image{position:relative}.image-frame{position:relative;border-radius:var(--radius-2xl);overflow:hidden}.image-frame img{width:100%;height:500px;object-fit:cover}.experience-badge{position:absolute;bottom:-20px;right:-20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl)}.experience-badge .years{display:block;font-size:var(--font-size-4xl);font-weight:800;line-height:1}.experience-badge .text{font-size:var(--font-size-sm);opacity:.9}.about-features{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.feature-item{display:flex;gap:var(--spacing-md)}.feature-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#2563eb1a;color:var(--primary-color);border-radius:var(--radius-lg);font-size:var(--font-size-lg);flex-shrink:0}.feature-text h4{font-weight:700;margin-bottom:var(--spacing-xs)}.feature-text p{color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:992px){.about-wrapper{grid-template-columns:1fr}.experience-badge{right:20px}}.programs-section{background:var(--surface-color)}.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.program-card{background:var(--background-color);padding:var(--spacing-xl);border-radius:var(--radius-xl);transition:all var(--transition-normal);border:1px solid var(--border-color)}.program-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.program-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.program-card h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.program-card p{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.program-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);font-weight:600;font-size:var(--font-size-sm)}.program-link i{transition:transform var(--transition-fast)}.program-card:hover .program-link i{transform:translate(5px)}@media(max-width:992px){.programs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.programs-grid{grid-template-columns:1fr}}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.news-card{background:var(--background-color);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-normal)}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.news-card.featured{grid-column:span 2;grid-row:span 2}.news-image{position:relative;overflow:hidden}.news-card:not(.featured) .news-image{height:180px}.news-card.featured .news-image{height:300px}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.news-card:hover .news-image img{transform:scale(1.05)}.news-category{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.news-content{padding:var(--spacing-lg)}.news-meta{display:flex;gap:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.news-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.news-content h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.4}.news-content h3 a:hover{color:var(--primary-color)}.news-content p{color:var(--text-muted);font-size:var(--font-size-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);font-weight:600;font-size:var(--font-size-sm);margin-top:var(--spacing-md)}@media(max-width:992px){.news-grid{grid-template-columns:repeat(2,1fr)}.news-card.featured{grid-column:span 2;grid-row:span 1}}@media(max-width:576px){.news-grid{grid-template-columns:1fr}.news-card.featured{grid-column:span 1}}.announcement-ticker{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:var(--spacing-md) 0;color:#fff}.ticker-wrapper{display:flex;align-items:center;gap:var(--spacing-lg);overflow:hidden}.ticker-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fff3;border-radius:var(--radius-full);font-weight:600;white-space:nowrap;flex-shrink:0}.ticker-content{overflow:hidden;flex:1}.ticker-track{display:flex;gap:var(--spacing-3xl);animation:ticker 30s linear infinite}.ticker-track span{white-space:nowrap}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.teacher-card{background:var(--background-color);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-normal)}.teacher-card:hover{box-shadow:var(--shadow-lg)}.teacher-image{position:relative;height:280px;overflow:hidden}.teacher-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.teacher-card:hover .teacher-image img{transform:scale(1.05)}.teacher-social{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(transparent,#000000b3);transform:translateY(100%);transition:transform var(--transition-normal)}.teacher-card:hover .teacher-social{transform:translateY(0)}.teacher-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--primary-color);border-radius:var(--radius-full);transition:all var(--transition-fast)}.teacher-social a:hover{background:var(--primary-color);color:#fff}.teacher-info{padding:var(--spacing-lg);text-align:center}.teacher-info h4{font-weight:700;margin-bottom:var(--spacing-xs)}.teacher-position{display:block;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-sm)}.teacher-info p{color:var(--text-muted);font-size:var(--font-size-sm)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:var(--spacing-md)}.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-xl)}.gallery-item.large{grid-column:span 2;grid-row:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,#000c);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-lg);opacity:0;transition:opacity var(--transition-normal)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-title{color:#fff;font-weight:600}.gallery-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--primary-color);border-radius:var(--radius-full);font-size:var(--font-size-lg)}@media(max-width:992px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.gallery-grid{grid-template-columns:1fr}.gallery-item.large,.gallery-item.tall{grid-column:span 1;grid-row:span 1}}.testimonials-section{background:var(--surface-color)}.testimonial-card{background:var(--background-color);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.testimonial-quote{color:var(--primary-color);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);opacity:.5}.testimonial-text{font-size:var(--font-size-lg);font-style:italic;color:var(--text-color);margin-bottom:var(--spacing-lg);line-height:1.7}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-md)}.testimonial-author img{width:60px;height:60px;border-radius:var(--radius-full);object-fit:cover}.author-info h5{font-weight:700}.author-info span{color:var(--text-muted);font-size:var(--font-size-sm)}.cta-section{position:relative;padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;overflow:hidden}.cta-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta-content{position:relative;text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-md)}.cta-content p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.partner-logo{padding:var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:var(--surface-color);border-radius:var(--radius-xl)}.partner-logo img{max-height:60px;filter:grayscale(100%);opacity:.6;transition:all var(--transition-normal)}.partner-logo:hover img{filter:grayscale(0);opacity:1}.footer{background:#0f172a;color:#94a3b8}.footer-top{padding:var(--spacing-3xl) 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-2xl)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.footer-logo img{height:50px}.footer-logo .school-name{color:#fff}.footer-about p{margin-bottom:var(--spacing-lg);line-height:1.7}.footer-social{display:flex;gap:var(--spacing-sm)}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-full);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}.footer-col h4{color:#fff;font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-lg)}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast)}.footer-links a:hover{color:#fff;padding-left:var(--spacing-sm)}.footer-links a i{font-size:var(--font-size-xs);color:var(--primary-color)}.contact-info li{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.contact-info li i{color:var(--primary-color);margin-top:4px}.footer-bottom{padding:var(--spacing-lg) 0;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-bottom-links{display:flex;gap:var(--spacing-lg)}.footer-bottom-links a:hover{color:#fff}@media(max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.footer-grid{grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;text-align:center}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-normal);z-index:var(--z-fixed)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px)}.theme-switcher{position:fixed;bottom:100px;right:30px;z-index:var(--z-fixed)}.theme-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--background-color);color:var(--primary-color);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:var(--font-size-lg);transition:all var(--transition-fast);border:1px solid var(--border-color)}.theme-btn:hover{transform:scale(1.1)}.theme-panel{position:absolute;bottom:60px;right:0;width:280px;background:var(--background-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transition:all var(--transition-fast)}.theme-panel.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.theme-panel h4{font-weight:700;margin-bottom:var(--spacing-md)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);border:2px solid transparent}.theme-option:hover,.theme-option.active{background:var(--surface-color);border-color:var(--primary-color)}.theme-color{width:40px;height:40px;border-radius:var(--radius-full)}.theme-name{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.dark-mode-toggle{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);border-radius:var(--radius-full);transition:var(--transition-fast)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:var(--radius-full);transition:var(--transition-fast)}input:checked+.slider{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}input:checked+.slider:before{transform:translate(24px)}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.mt-4{margin-top:var(--spacing-xl)}.mb-4{margin-bottom:var(--spacing-xl)}.search-modal{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-modal.active{opacity:1;visibility:visible}.search-modal-content{width:100%;max-width:700px;padding:2rem;position:relative;text-align:center;color:#fff}.search-close{position:absolute;top:-40px;right:20px;font-size:40px;color:#fff;background:none;border:none;cursor:pointer}.search-input-group{position:relative;display:flex;background:#fff;border-radius:12px;overflow:hidden}.search-input-group input{width:100%;padding:20px 30px;border:none;font-size:18px;outline:none;color:#1a1a1a}.search-input-group button{padding:0 30px;background:var(--primary-color);color:#fff;border:none}.search-modal .quick-links{margin-top:25px;display:flex;gap:15px;justify-content:center;flex-wrap:wrap;font-size:14px}.search-modal .quick-links a{color:#cbd5e1;background:#ffffff1a;padding:5px 15px;border-radius:20px}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:99;display:flex;align-items:center;gap:12px;background:#25d366;color:#fff;padding:12px 24px;border-radius:50px;box-shadow:0 8px 16px #25d3664d;text-decoration:none;transition:all .3s ease}.whatsapp-float i{font-size:24px}.wa-text{font-weight:700;font-size:14px}@media(max-width:768px){.wa-text{display:none}.whatsapp-float{padding:12px;border-radius:50%;bottom:90px}}
