@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Poppins:wght@300;500&display=swap);.testimonials-container{margin:0 auto;max-width:1400px;padding:50px 20px}.testimonials-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;padding:20px 0}.testimonial-card{background:#1a1a1a;border:4px solid #c77408;border-radius:20px;box-shadow:0 5px 15px #0000004d;cursor:pointer;display:flex;flex-direction:column;max-width:380px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.testimonial-card:hover{box-shadow:0 10px 30px #d4a02080;transform:scale(1.05)}.teacher-photo-container{background:#000;height:380px;overflow:hidden;position:relative;width:100%}.teacher-photo{filter:brightness(1.1);height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.testimonial-card:hover .teacher-photo{filter:brightness(1.15);transform:scale(1.05)}.testimonial-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:30px;text-align:center}.teacher-name{color:#d4a020;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;margin-bottom:15px;text-shadow:0 1px 2px #00000080}.teacher-subjects{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.subject-badge{background:linear-gradient(135deg,#d4a020,#c77408);border-radius:20px;color:#000;cursor:help;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;position:relative;transition:all .3s ease}.subject-badge:hover{background:linear-gradient(135deg,#d4a020,#d88518);box-shadow:0 4px 12px #d4a02080;transform:translateY(-2px)}.subject-badge:after{background:#000000fa;border:2px solid #d4a020;border-radius:10px;bottom:100%;box-shadow:0 8px 20px #d4a02099;color:#d4a020;content:attr(title);font-size:.85rem;font-weight:600;left:50%;line-height:1.4;max-width:280px;opacity:0;padding:10px 16px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(-8px);transition:opacity .3s ease,transform .3s ease;white-space:normal;z-index:1000}.subject-badge:hover:after{opacity:1;transform:translateX(-50%) translateY(-8px)}.testimonial-preview{flex:1 1;margin-bottom:10px;padding:15px 10px;position:relative}.testimonial-text-preview{color:#ffffffb3;font-family:Poppins,sans-serif;font-size:.95rem;font-style:italic;line-height:1.6;margin:0;text-align:center}.view-more-button{background:linear-gradient(135deg,#d4a020,#c77408);border:none;border-radius:25px;box-shadow:0 4px 10px #0000004d;color:#000;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;margin-top:auto;padding:12px 28px;transition:all .3s ease;width:100%}.view-more-button:hover{background:linear-gradient(135deg,#d4a020,#d88518);box-shadow:0 6px 15px #d4a02080;transform:translateY(-2px)}@media (max-width:768px){.testimonials-container{padding:30px 15px}.testimonials-grid{gap:30px;grid-template-columns:1fr}.teacher-photo-container{height:320px}.testimonial-content{padding:25px}.teacher-name{font-size:1.5rem}.testimonial-text-preview{font-size:.9rem}.subject-badge{font-size:.8rem;padding:5px 12px}.view-more-button{font-size:.85rem;padding:10px 24px}}@media (max-width:480px){.teacher-photo-container{height:280px}.testimonial-content{padding:20px}.teacher-name{font-size:1.3rem;margin-bottom:12px}.subject-badge{font-size:.75rem;padding:4px 10px}.subject-badge:after{font-size:.8rem;max-width:250px;padding:12px 18px;white-space:normal}.testimonial-text-preview{font-size:.85rem}.view-more-button{font-size:.8rem;padding:10px 20px}}.testimonials-page{background-color:#000;min-height:100vh}.page-hero{background-color:#000;color:#fff;padding:60px 20px 40px;position:relative;text-align:center}.page-hero h1{color:#d4a020;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px #00000080}.hero-subtitle{color:#fff9;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:700px}@media (max-width:768px){.page-hero{padding:50px 20px 35px}.page-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}}@media (max-width:480px){.page-hero{padding:40px 15px 30px}.page-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}}*,:after,:before{border-color:#0000}#root,body,html{border:none;margin:0;padding:0}.text-gold{color:#d4a020;text-shadow:0 1px 2px #00000080}.bg-gold{background-color:#c77408}.bg-gray-900{background-color:#1a1a1a}.bg-black{background-color:#000}.text-white{color:#fffc}.border-gold{border-color:#d4a020}body{font-family:Poppins,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}html{scroll-behavior:smooth}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px #0000004d}.transition-transform{transition:transform .3s ease-in-out}.fade-in{animation:fadeIn 1s ease-in-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.gallery-page{padding:.5rem .2rem}@media (max-width:768px){body{font-size:1rem;padding:0 8px}h1{font-size:2rem}h2{font-size:1.3rem}.max-w-4xl{max-width:100vw;padding:0 4px}.p-6{padding:1rem}.w-24,.w-44{width:6rem!important;header{padding-bottom:.5rem!important}header .flex.items-center.space-x-4{flex-direction:column;gap:.3rem}nav ul{gap:.3rem!important}nav a{font-size:1rem!important;margin-bottom:.2rem;padding:.4rem .7rem!important;header{align-items:center;display:flex;flex-direction:column;padding:.7rem .2rem .5rem!important}header .flex.items-center.space-x-4{align-items:center;flex-direction:column;gap:.2rem;margin-bottom:.7rem}header img{height:3.2rem!important;margin-bottom:.3rem;width:3.2rem!important}header h1{font-size:1.2rem!important;letter-spacing:.05em;margin-bottom:.2rem;text-align:center}nav ul{align-items:center;flex-direction:column;gap:.25rem!important;padding:0}nav li{display:flex;justify-content:center;width:100%}nav a{align-items:center;border-radius:1.5rem!important;box-shadow:0 2px 8px #0000001a;display:flex;font-size:1rem!important;justify-content:flex-start;margin-bottom:.15rem;max-width:320px;padding:.5rem .7rem!important;width:90vw}nav a i{font-size:1.2rem!important;margin-right:.7rem}}.drop-shadow{text-shadow:none!important}.absolute.inset-0.z-0 img{max-height:180px;min-height:120px;object-fit:cover}}.h-24,.h-44{height:6rem!important}.home-main{padding:1.5rem .5rem}.home-title{font-size:2rem!important;line-height:2.2rem}.home-desc{font-size:1rem!important}.gallery-page h1{font-size:1.5rem!important;margin-bottom:1rem;text-align:center}.moments-page{padding:1rem .5rem!important}.moments-page h1{font-size:1.5rem!important;margin-bottom:1rem;text-align:center}.moments-page h2{font-size:1.1rem!important;margin-bottom:.5rem}.students-page{padding:1rem .5rem!important}.students-page h1{font-size:1.5rem!important;margin-bottom:1rem;text-align:center}.students-page p{font-size:1rem!important;margin-bottom:1rem}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%}.fade-in-image{opacity:0;transition:opacity .3s ease-in-out}.fade-in-image.loaded{opacity:1}img{content-visibility:auto}.gallery-item img,.photo-frame img,.student-card img{aspect-ratio:auto}.gallery-item,.photo-frame{transform:translateZ(0);will-change:transform}[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #d4a020;outline-offset:2px}.skip-link:focus{top:0!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.shimmer{animation:none}}@media (prefers-contrast:high){.text-gold{color:gold}.bg-gold{background-color:gold}body{color:#fff}}.modal-overlay{background:#000000e6;inset:0;position:fixed;z-index:1000}.modal-close-btn,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-close-btn{background:#d4a020;border:none;border-radius:50%;color:#000;cursor:pointer;font-size:1.5rem;height:44px;position:absolute;right:1rem;top:1rem;transition:background .2s;width:44px}.modal-close-btn:focus,.modal-close-btn:hover{background:gold}@media (max-width:768px){[role=button],a,button{min-height:44px;min-width:44px}}
/*# sourceMappingURL=main.cff2fc97.css.map*/