*{box-sizing:border-box;margin:0;padding:0}body{color:#2c3e50;background:#fff;font-family:Times New Roman,Times,serif;line-height:1.6}.container{max-width:1280px;margin:0 auto;padding:0 24px}:root{--primary-blue:#1a3a6b;--primary-red:#c41e3a;--primary-yellow:#f4c542;--blue-light:#2a5a8e;--red-light:#d4334f;--yellow-light:#f8d76e;--text-dark:#2c3e50;--text-light:#fff;--gray-light:#f8f9fa;--gray-mid:#e9ecef;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 30px #0000001f}img:not(.no-top-align):not(.gallery-img):not(.carousel-slide img){object-fit:cover;object-position:top center!important}.gallery-grid img,.gallery-item img,.gallery-preview-section img,.student-gallery-grid img,.gallery-admin-image{object-fit:cover;object-position:center center!important}.staff-photo-preview img,.staff-card-image img,.staff-admin-photo img,.leadership-image,.leadership-image-wrapper img,.team-image,.profile-img,.person-image,.staff-modal-image img{object-fit:cover;object-position:top center!important}.news-item img,.event-card-flyer img,.news-card-image,.news-single-featured img,.category-card img,.welcome-image img{object-fit:cover;object-position:center center!important}.testimonial-image{object-fit:cover;object-position:top center!important}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-family:Times New Roman,Times,serif;font-weight:700;line-height:1.2}h1{font-size:3rem}h2{color:var(--primary-blue);font-size:2.25rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.btn-primary{background:var(--primary-red);color:var(--text-light);cursor:pointer;border:none;border-radius:4px;padding:14px 32px;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{background:var(--red-light);transform:translateY(-2px);box-shadow:0 4px 12px #c41e3a4d}.btn-secondary{color:var(--primary-blue);border:2px solid var(--primary-blue);cursor:pointer;background:0 0;border-radius:4px;padding:12px 28px;font-family:Times New Roman,Times,serif;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{background:var(--primary-blue);color:var(--text-light);transform:translateY(-2px)}.navbar{z-index:1000;background:0 0;width:100%;padding:1rem 0;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{background:var(--primary-blue);box-shadow:0 4px 20px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.logo img{filter:drop-shadow(0 2px 4px #0003);height:55px;transition:all .3s}.navbar.scrolled .logo img{filter:none}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-menu a{color:#fff;text-shadow:1px 1px 2px #0000004d;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}.navbar.scrolled .nav-menu a{text-shadow:none}.nav-menu a:hover,.nav-menu a.active{color:var(--primary-yellow)}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:none}@media (width<=1024px){.hamburger{display:block}.nav-menu{background:var(--primary-blue);flex-direction:column;gap:1rem;width:100%;padding:1.5rem;display:none;position:absolute;top:70px;left:0}.nav-menu.active{display:flex}.nav-menu a{text-shadow:none}}.custom-carousel{width:100%;height:100vh;margin-top:-80px;position:relative;overflow:hidden}.carousel-slide{width:100%;height:100%;position:relative}.carousel-slide img{object-fit:cover;width:100%;height:100%;object-position:center center!important}.carousel-caption{color:#fff;text-shadow:2px 2px 8px #00000080;z-index:2;max-width:60%;position:absolute;bottom:20%;left:10%}.carousel-caption h1{margin-bottom:1rem;font-size:3.5rem;font-weight:700}.carousel-caption p{margin-bottom:1.5rem;font-size:1.3rem}.carousel-arrow{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#000c}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-dots{z-index:10;justify-content:center;gap:12px;display:flex;position:absolute;bottom:20px;left:0;right:0}.dot{cursor:pointer;background:#fff9;border:none;border-radius:50%;width:12px;height:12px;transition:background .3s}.dot.active{background:var(--primary-yellow);transform:scale(1.2)}@media (width<=768px){.custom-carousel{height:60vh;margin-top:-60px}.carousel-caption h1{font-size:1.8rem}.carousel-caption p{font-size:1rem}.carousel-arrow{width:35px;height:35px;font-size:1.2rem}}.certification-badge{text-align:center;background:var(--primary-yellow);color:var(--primary-blue);letter-spacing:1px;padding:10px;font-family:Times New Roman,Times,serif;font-size:.9rem;font-weight:700}.mission-vision-section{background:var(--gray-light);padding:80px 0}.mission-vision-section .container{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.mission-card,.vision-card,.values-card{box-shadow:var(--shadow-sm);border-top:4px solid var(--primary-yellow);background:#fff;border-radius:12px;padding:32px;transition:transform .3s}.mission-card:hover,.vision-card:hover,.values-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.mission-card h2,.vision-card h2,.values-card h2{color:var(--primary-blue);margin-bottom:20px;font-size:1.75rem}.values-card ul{padding:0;list-style:none}.values-card li{border-bottom:1px solid var(--gray-mid);padding:10px 0;font-size:1rem}.values-card li:last-child{border-bottom:none}@media (width<=768px){.mission-vision-section .container{grid-template-columns:1fr}}.welcome-section{background:#fff;padding:80px 0}.welcome-content{flex-wrap:wrap;align-items:center;gap:60px;display:flex}.welcome-image{text-align:center;flex:1}.welcome-image img{border:4px solid var(--primary-yellow);width:100%;max-width:320px;box-shadow:var(--shadow-md);object-fit:cover;border-radius:16px;object-position:center center!important}.caption{color:var(--primary-red);margin-top:16px;font-style:italic;font-weight:600}.welcome-text{flex:2}.welcome-text h2{color:var(--primary-blue);margin-bottom:24px;padding-bottom:16px;position:relative}.welcome-text h2:after{content:"";background:var(--primary-red);width:60px;height:3px;position:absolute;bottom:0;left:0}.welcome-text p{margin-bottom:32px;font-size:1.1rem;line-height:1.8}@media (width<=768px){.welcome-content{flex-direction:column;gap:40px}}.categories-section{background:linear-gradient(135deg, var(--gray-light) 0%, white 100%);padding:80px 0}.categories-section h2{text-align:center;margin-bottom:48px;position:relative}.categories-section h2:after{content:"";background:var(--primary-red);width:80px;height:3px;margin:16px auto 0;display:block}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.category-card{box-shadow:var(--shadow-md);background:#fff;border-radius:20px;transition:all .3s;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.category-card img{object-fit:cover;width:100%;height:220px;object-position:center center!important}.category-content{padding:28px}.category-content h3{color:var(--primary-red);margin-bottom:12px;font-size:1.5rem}.category-content p{color:var(--text-dark);margin-bottom:16px;font-weight:500}.category-content ul{padding:0;list-style:none}.category-content li{padding:6px 0 6px 24px;position:relative}.category-content li:before{content:"✓";color:var(--primary-yellow);font-weight:700;position:absolute;left:0}.highlights-section{background:var(--primary-blue);color:#fff;padding:80px 0}.highlights-section h2{text-align:center;color:#fff;margin-bottom:48px;position:relative}.highlights-section h2:after{content:"";background:var(--primary-yellow);width:80px;height:3px;margin:16px auto 0;display:block}.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;display:grid}.highlight-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:32px 24px;transition:all .3s}.highlight-card:hover{background:#fff3;transform:translateY(-5px)}.highlight-icon{margin-bottom:20px;font-size:3rem}.highlight-card h3{color:var(--primary-yellow);margin-bottom:16px}.highlight-card p{color:#ffffffe6;font-size:.95rem}.testimonials-section{background:var(--gray-light);padding:80px 0}.testimonials-section h2{text-align:center;margin-bottom:48px;position:relative}.testimonials-section h2:after{content:"";background:var(--primary-red);width:80px;height:3px;margin:16px auto 0;display:block}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.testimonial-card{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:32px;transition:transform .3s}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-image{object-fit:cover;border:3px solid var(--primary-yellow);border-radius:50%;width:80px;height:80px;margin-bottom:20px;object-position:top center!important}.testimonial-text{color:var(--text-dark);margin-bottom:20px;font-size:1rem;font-style:italic;line-height:1.7}.testimonial-author{color:var(--primary-blue);margin-bottom:5px;font-weight:700}.testimonial-role{color:var(--primary-red);font-size:.85rem}.news-events-section{background:#fff;padding:80px 0}.news-events-section .container{grid-template-columns:1fr 1fr;gap:48px;display:grid}.news-column h2,.events-column h2{margin-bottom:32px;padding-bottom:12px;position:relative}.news-column h2:after,.events-column h2:after{content:"";background:var(--primary-red);width:50px;height:3px;position:absolute;bottom:0;left:0}.news-item,.event-item{background:var(--gray-light);border-radius:12px;gap:20px;margin-bottom:24px;padding:20px;transition:transform .2s;display:flex}.news-item:hover,.event-item:hover{transform:translate(5px)}.news-item img{object-fit:cover;border-radius:8px;width:100px;height:100px;object-position:center center!important}.event-date{background:var(--primary-red);color:#fff;text-align:center;border-radius:8px;min-width:80px;padding:12px;font-weight:700}@media (width<=768px){.news-events-section .container{grid-template-columns:1fr;gap:40px}}.gallery-preview-section{background:var(--gray-light);text-align:center;padding:80px 0}.gallery-preview-section h2{margin-bottom:48px;position:relative}.gallery-preview-section h2:after{content:"";background:var(--primary-red);width:80px;height:3px;margin:16px auto 0;display:block}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.gallery-grid img{object-fit:cover;cursor:pointer;border-radius:12px;width:100%;height:220px;transition:all .3s;object-position:center center!important}.gallery-grid img:hover{box-shadow:var(--shadow-md);transform:scale(1.03)}.cta-section{background:linear-gradient(135deg, var(--primary-blue), var(--primary-red));color:#fff;text-align:center;padding:80px 0}.cta-section h2{color:#fff;margin-bottom:20px}.cta-section p{opacity:.95;margin-bottom:32px;font-size:1.2rem}.cta-section .btn-primary{background:var(--primary-yellow);color:var(--primary-blue)}.cta-section .btn-primary:hover{background:var(--yellow-light);transform:translateY(-2px)}.contact-social-section{background:var(--primary-blue);color:#fff;padding:60px 0}.contact-social-section .container{grid-template-columns:1fr 1fr;gap:48px;display:grid}.contact-info p{margin:16px 0;line-height:1.6}.social-links h3{color:var(--primary-yellow);margin-bottom:20px}.social-icons{flex-wrap:wrap;gap:16px;display:flex}.social-icons a{color:#fff;background:#ffffff26;border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-family:Times New Roman,Times,serif;text-decoration:none;transition:all .3s;display:inline-flex}.social-icons a:hover{background:var(--primary-yellow);color:var(--primary-blue);transform:translateY(-2px)}@media (width<=768px){.contact-social-section .container{grid-template-columns:1fr}}.footer{background:var(--primary-blue);color:#fff;text-align:center;border-top:1px solid #ffffff1a;padding:32px;font-family:Times New Roman,Times,serif}.footer a{color:var(--primary-yellow);text-decoration:none;transition:opacity .3s}.footer a:hover{text-decoration:underline}.loading-container{z-index:9999;background:#fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-logo{width:120px;height:auto;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (width<=768px){.loading-logo{width:90px}}.contact-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.contact-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.contact-main{background:var(--gray-light);padding:80px 0}.contact-grid{grid-template-columns:1fr 1.5fr;gap:50px;display:grid}.contact-info-side{flex-direction:column;gap:30px;display:flex}.info-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:30px;transition:transform .3s}.info-card:hover{transform:translateY(-5px)}.info-icon{color:var(--primary-red);margin-bottom:15px;font-size:2rem}.info-card h3{color:var(--primary-blue);margin-bottom:15px}.social-icons-contact{gap:15px;margin-top:20px;display:flex}.social-icons-contact a{background:var(--primary-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-icons-contact a:hover{background:var(--primary-red);transform:translateY(-3px)}.contact-form-side{box-shadow:var(--shadow-md);background:#fff;border-radius:20px;padding:40px}.form-container h2{color:var(--primary-blue);margin-bottom:10px}.form-status{border-radius:8px;margin-bottom:25px;padding:15px}.form-status.success{color:#155724;background:#d4edda;border-left:4px solid #28a745}.form-status.error{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group label{color:var(--primary-blue);margin-bottom:8px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-family:Times New Roman,Times,serif}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-red);outline:none}.submit-btn{background:var(--primary-red);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.submit-btn:hover{background:#a01830;transform:translateY(-2px)}.map-section{background:#fff;padding:80px 0}.map-section h2{text-align:center;margin-bottom:40px}.map-container{box-shadow:var(--shadow-md);border-radius:20px;overflow:hidden}@media (width<=968px){.contact-grid,.form-row{grid-template-columns:1fr}.contact-hero{padding:140px 20px 60px}.contact-hero h1{font-size:2rem}}.admissions-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.admissions-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.steps-section{background:#fff;padding:80px 0}.steps-section h2{text-align:center;margin-bottom:15px}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.step-card{background:var(--gray-light);text-align:center;border-radius:16px;padding:30px;transition:all .3s;position:relative}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.step-number{background:var(--primary-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;position:absolute;top:-15px;left:20px}.step-icon{margin-bottom:20px;font-size:3rem}.classes-section{background:var(--gray-light);padding:80px 0}.classes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.class-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;overflow:hidden}.class-level{background:var(--primary-blue);color:#fff;text-align:center;padding:15px;font-size:1.3rem;font-weight:700}.class-details{padding:25px}.requirements-section{background:#fff;padding:80px 0}.requirements-grid{grid-template-columns:1fr 1fr;gap:50px;display:grid}.requirements-content h2,.assessment-content h2{color:var(--primary-blue);margin-bottom:30px}.requirements-content ul,.assessment-content ul{padding:0;list-style:none}.requirements-content li,.assessment-content li{background:var(--gray-light);border-radius:10px;align-items:center;gap:15px;margin-bottom:20px;padding:10px;display:flex}.check-icon{color:var(--primary-red);font-size:1.2rem}.documents-section{background:linear-gradient(135deg, var(--gray-light) 0%, white 100%);padding:80px 0}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.document-card{text-align:center;box-shadow:var(--shadow-md);background:#fff;border-radius:20px;padding:40px;transition:transform .3s}.document-card:hover{transform:translateY(-5px)}.doc-icon{color:var(--primary-red);margin-bottom:20px;font-size:3rem}.doc-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 30px;transition:all .3s;display:inline-flex}.doc-btn:hover{background:var(--primary-red)}.deadlines-section{background:var(--primary-blue);color:#fff;text-align:center;padding:80px 0}.deadlines-section h2{color:#fff;margin-bottom:40px}.deadlines-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.deadline-item{background:#ffffff1a;border-radius:12px;padding:25px}.deadline-date{color:var(--primary-yellow);margin-bottom:10px;font-size:1.2rem;font-weight:700}.contact-admissions-section{text-align:center;background:#fff;padding:80px 0}.contact-admissions-grid{flex-wrap:wrap;justify-content:center;gap:50px;margin-bottom:40px;display:flex}.contact-item{background:var(--gray-light);border-radius:12px;align-items:center;gap:15px;padding:15px 25px;display:flex}.cta-admissions-btn{background:var(--primary-red);color:#fff;border-radius:8px;padding:14px 40px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}@media (width<=768px){.admissions-hero{padding:140px 20px 60px}.admissions-hero h1{font-size:2rem}.requirements-grid,.steps-grid{grid-template-columns:1fr}}.portal-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.portal-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.portals-section{background:var(--gray-light);padding:80px 0}.portals-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px;display:grid}.portal-card{box-shadow:var(--shadow-md);background:#fff;border-radius:20px;padding:40px;transition:all .3s}.portal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.portal-card.coming-soon{opacity:.85}.portal-icon{margin-bottom:20px;font-size:3.5rem}.admin-portal .portal-icon{color:var(--primary-blue)}.exam-portal .portal-icon{color:var(--primary-red)}.portal-card h2{color:var(--primary-blue);margin-bottom:16px}.portal-features{border-top:1px solid var(--gray-mid);margin:24px 0;padding-top:20px}.portal-features h3{color:var(--primary-red);text-transform:uppercase;margin-bottom:12px;font-size:1rem}.portal-features ul{padding:0;list-style:none}.portal-features li{color:#555;padding:6px 0}.portal-btn{text-align:center;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.admin-btn{background:var(--primary-blue);color:#fff;text-decoration:none}.admin-btn:hover{background:#024;transform:translateY(-2px)}.exam-btn{background:var(--primary-red);color:#fff}.exam-btn:hover{background:#a01830}.coming-soon-btn{color:#666;cursor:not-allowed;background:#ccc}.portal-note{text-align:center;color:#999;margin-top:12px;font-size:.75rem}.portal-help{text-align:center;background:#fff;padding:60px 0}.help-contact{background:var(--gray-light);border-radius:12px;margin-top:30px;padding:24px;display:inline-block}@media (width<=768px){.portal-hero{padding:140px 20px 60px}.portal-hero h1{font-size:2rem}.portals-grid{grid-template-columns:1fr}}.admin-login-container{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-login-card{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:40px;animation:.5s fadeInUp;box-shadow:0 20px 50px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:80px;height:auto;margin-bottom:20px}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:var(--primary-blue);margin-bottom:8px;font-size:1.8rem}.input-icon{align-items:center;display:flex;position:relative}.input-icon-left{font-size:1.1rem;position:absolute;left:12px}.input-icon input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 40px;font-size:1rem}.input-icon input:focus{border-color:var(--primary-red);outline:none}.password-toggle{cursor:pointer;background:0 0;border:none;position:absolute;right:12px}.form-options{justify-content:space-between;margin:20px 0;display:flex}.error-message{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px}.login-btn{background:var(--primary-red);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.login-btn:hover{background:#a01830;transform:translateY(-2px)}.login-footer{text-align:center;color:#999;margin-top:30px;font-size:.75rem}.dashboard-layout{background:#f5f7fb;min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--primary-blue) 0%, #024 100%);color:#fff;width:280px;height:100vh;position:fixed;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px}.sidebar-header h3{color:var(--primary-yellow);margin-bottom:5px}.sidebar-nav{flex-direction:column;padding:20px 0;display:flex}.sidebar-nav a{color:#ffffffd9;border-radius:10px;align-items:center;gap:12px;margin:4px 12px;padding:12px 24px;text-decoration:none;transition:all .3s;display:flex}.sidebar-nav a:hover{background:#ffffff1a;transform:translate(5px)}.sidebar-nav a.active{background:var(--primary-yellow);color:var(--primary-blue)}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px;position:absolute;bottom:0;left:0;right:0}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;width:100%;padding:10px}.logout-btn:hover{background:var(--primary-red)}.dashboard-content{flex:1;margin-left:280px;padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:30px 0;display:grid}.stat-card{box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-yellow);background:#fff;border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex}.quick-actions{background:#fff;border-radius:16px;margin-top:30px;padding:24px}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.action-btn{background:var(--gray-light);color:var(--primary-blue);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.action-btn:hover{background:var(--primary-blue);color:#fff}@media (width<=768px){.sidebar{width:240px;transform:translate(-100%)}.dashboard-content{margin-left:0;padding:1rem}.stats-grid{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 16px}}.management-container{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:24px}.management-header{border-bottom:2px solid var(--gray-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.management-header h1{color:var(--primary-blue);margin:0;font-size:1.8rem}.empty-state{text-align:center;background:var(--gray-light);border-radius:12px;margin:20px 0;padding:60px 20px}.empty-state p:first-child{margin-bottom:16px;font-size:3rem}.empty-state p:last-child{color:#666;font-size:1rem}.news-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.news-card{border:1px solid var(--gray-mid);background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.news-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.news-card-image{object-fit:cover;background:var(--gray-light);width:100%;height:200px;object-position:center center!important}.news-card-content{padding:20px}.news-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-block}.status-badge.published{color:#155724;background:#d4edda}.status-badge.draft{color:#856404;background:#fff3cd}.news-date{color:#888;font-size:.75rem}.news-card-content h3{color:var(--primary-blue);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0;font-size:1.2rem;line-height:1.4;display:-webkit-box;overflow:hidden}.news-category{background:var(--gray-light);color:var(--primary-red);border-radius:12px;margin:8px 0;padding:4px 10px;font-size:.7rem;font-weight:500;display:inline-block}.news-card-actions{border-top:1px solid var(--gray-mid);gap:12px;margin-top:16px;padding-top:16px;display:flex}.edit-btn{background:var(--primary-yellow);color:var(--primary-blue);cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-weight:600;transition:all .2s}.edit-btn:hover{background:#e6c200;transform:translateY(-2px)}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;flex:1;padding:8px;font-weight:600;transition:all .2s}.delete-btn:hover{background:#b91c1c;transform:translateY(-2px)}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:1000px;height:auto;max-height:95vh;animation:.3s modalSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--gray-mid);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--primary-blue);margin:0;font-size:1.5rem}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:28px;transition:all .2s;display:flex}.modal-close:hover{background:var(--gray-light);color:var(--primary-red)}.modal-tabs{border-bottom:1px solid var(--gray-mid);background:#fff;flex-shrink:0;gap:8px;padding:0 24px;display:flex}.tab-btn{cursor:pointer;color:#666;background:0 0;border:none;padding:12px 20px;font-family:Times New Roman,Times,serif;font-size:.95rem;font-weight:500;transition:all .2s;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--primary-red)}.tab-btn.active:after{content:"";background:var(--primary-red);height:2px;position:absolute;bottom:-1px;left:0;right:0}.modal-body-wrapper{flex:1;min-height:0;position:relative;overflow-y:auto}.modal-form{flex-direction:column;height:100%;display:flex}.modal-body{background:#f9fafb;flex:1;padding:24px;overflow-y:auto}.preview-body{background:#fff}.modal-body-wrapper::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar{width:8px}.modal-body-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body-wrapper::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}.modal-footer{border-top:1px solid var(--gray-mid);background:#fff;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group{margin-bottom:24px}.form-group label{color:var(--primary-blue);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:Times New Roman,Times,serif;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #1a3a6b1a}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group small{color:#6b7280;margin-top:4px;font-size:.7rem;display:block}.rich-text-editor-container{background:#fff;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.editor-toolbar{z-index:5;background:#f8f9fa;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:4px;padding:8px;display:flex;position:sticky;top:0}.editor-toolbar button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-family:Times New Roman,Times,serif;font-size:.85rem;transition:all .2s}.editor-toolbar button:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.toolbar-divider{background:#ddd;width:1px;margin:0 4px}.rich-text-editor{outline:none;min-height:300px;max-height:400px;padding:16px;font-size:.95rem;line-height:1.6;overflow-y:auto}.editor-placeholder{color:#999;pointer-events:none;font-style:italic;position:absolute;top:68px;left:16px}.image-preview{margin-top:12px;display:inline-block;position:relative}.image-preview img{object-fit:cover;border:1px solid #e5e7eb;border-radius:8px;width:100px;height:80px;object-position:top center!important}.remove-image{background:var(--primary-red);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:transform .2s;display:flex;position:absolute;top:-8px;right:-8px}.remove-image:hover{transform:scale(1.1)}.uploading-text{color:var(--primary-blue);margin-top:8px;font-size:.85rem}.preview-container{background:#fff;min-height:500px;padding:24px}.preview-header{text-align:center;border-bottom:1px solid var(--gray-mid);margin-bottom:30px;padding-bottom:20px}.preview-featured-image{object-fit:cover;border-radius:12px;width:100%;max-height:300px;margin-bottom:20px;object-position:center center!important}.preview-title{color:var(--primary-blue);margin:20px 0 15px;font-size:2rem}.preview-meta{color:#6b7280;justify-content:center;gap:20px;font-size:.85rem;display:flex}.preview-content{color:#374151;max-width:800px;margin:0 auto;font-size:1rem;line-height:1.8}.preview-content h1,.preview-content h2,.preview-content h3{color:var(--primary-blue);margin-top:1.5em}.preview-content img{border-radius:8px;max-width:100%;height:auto;margin:20px 0}.news-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.news-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.news-hero p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.news-content{background:#f5f7fb;padding:80px 0}.news-layout{grid-template-columns:320px 1fr;gap:50px;display:grid}.news-sidebar{height:fit-content;position:sticky;top:100px}.sidebar-widget{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-bottom:30px;padding:28px}.sidebar-widget h3{color:var(--primary-blue);border-bottom:2px solid var(--primary-yellow);margin-bottom:20px;padding-bottom:12px;font-size:1.2rem;display:inline-block}.category-list{margin:0;padding:0;list-style:none}.category-list li{margin-bottom:8px}.category-list button{text-align:left;background:var(--gray-light);cursor:pointer;color:#555;border:none;border-radius:10px;width:100%;padding:10px 15px;font-family:Times New Roman,Times,serif;font-size:.95rem;transition:all .3s}.category-list button:hover{background:var(--primary-yellow);color:var(--primary-blue);transform:translate(5px)}.category-list button.active{background:var(--primary-blue);color:#fff}.sidebar-widget ul{padding:0;list-style:none}.sidebar-widget ul li{margin-bottom:12px}.sidebar-widget ul li a{color:#555;padding:8px 0;text-decoration:none;transition:all .3s;display:block}.sidebar-widget ul li a:hover{color:var(--primary-red);padding-left:10px}.news-main{background:0 0}.news-list-item{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;gap:0;transition:all .3s;display:flex;overflow:hidden}.news-list-image{flex-shrink:0;width:280px;overflow:hidden}.news-list-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s;object-position:center center!important}.news-list-item:hover .news-list-image img{transform:scale(1.05)}.news-list-content{flex:1;padding:28px}.news-list-excerpt{color:#666;margin-bottom:20px;font-size:.95rem;line-height:1.6}.read-more{color:var(--primary-red);align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.no-news{text-align:center;color:#999;background:#fff;border-radius:16px;padding:60px}.news-single-page{background:#fff}.back-link{color:var(--primary-red);align-items:center;gap:8px;margin-bottom:30px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{color:var(--primary-blue);gap:12px}.news-single-meta{color:#888;border-bottom:1px solid var(--gray-mid);gap:30px;margin-bottom:35px;padding-bottom:25px;font-size:.9rem;display:flex}.news-single-content{color:#333;font-size:1.05rem;line-height:1.8}.news-single-content h1,.news-single-content h2,.news-single-content h3{color:var(--primary-blue);margin-top:1.8em;margin-bottom:.5em}.news-single-content h2{font-size:1.8rem}.news-single-content h3{font-size:1.4rem}.news-single-content blockquote{border-left:4px solid var(--primary-red);color:#555;margin:30px 0;padding-left:20px;font-style:italic}.news-single-footer{border-top:1px solid var(--gray-mid);margin-top:50px;padding-top:30px}.loading-spinner{min-height:300px;color:var(--primary-blue);justify-content:center;align-items:center;font-size:1.2rem;display:flex}@media (width<=1024px){.news-layout{grid-template-columns:280px 1fr;gap:30px}}@media (width<=768px){.news-hero{padding:140px 20px 60px}.news-hero h1{font-size:2rem}.news-layout{grid-template-columns:1fr}.news-sidebar{position:static}.news-list-item{flex-direction:column}.news-list-image{width:100%;height:200px}.news-list-content{padding:20px}.news-list-content h2{font-size:1.2rem}.news-single-header h1{font-size:1.8rem}.news-single-meta{flex-direction:column;gap:8px}.news-single-container{padding:80px 20px}.form-row{grid-template-columns:1fr;gap:16px}.management-header{text-align:center;flex-direction:column;gap:16px}.news-grid{grid-template-columns:1fr}.modal-container{width:95%;max-height:98vh}.modal-header h2{font-size:1.2rem}.preview-title{font-size:1.5rem}}@media (width<=480px){.news-list-meta{flex-direction:column;gap:5px}.share-buttons{flex-direction:column;align-items:flex-start}.share-buttons a{text-align:center;width:100%}.modal-body{padding:16px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.news-list{flex-direction:column;gap:20px;display:flex}.news-list-item{box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:24px;transition:all .3s;display:block}.news-list-item:hover{box-shadow:var(--shadow-md);transform:translate(5px)}.news-list-image{display:none}.news-list-content{padding:0}.news-list-category{background:var(--primary-yellow);color:var(--primary-blue);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.news-list-content h2{margin:0 0 10px;font-size:1.3rem;line-height:1.3}.news-list-content h2 a{color:var(--primary-blue);text-decoration:none;transition:color .3s}.news-list-content h2 a:hover{color:var(--primary-red)}.news-list-meta{color:#888;gap:20px;margin-bottom:12px;font-size:.8rem;display:flex}.news-list-excerpt{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.read-more{color:var(--primary-red);align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.read-more:hover{color:var(--primary-blue);gap:12px}.news-single-page{background:#f5f7fb;min-height:100vh}.news-single-container{max-width:900px;margin:0 auto;padding:100px 24px 60px}.back-link{color:var(--primary-red);box-shadow:var(--shadow-sm);background:#fff;border-radius:30px;align-items:center;gap:8px;margin-bottom:30px;padding:8px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{background:var(--primary-blue);color:#fff;gap:12px}.news-single-featured{box-shadow:var(--shadow-lg);border-radius:24px;margin-bottom:30px;overflow:hidden}.news-single-featured img{object-fit:cover;width:100%;max-height:500px;object-position:center center!important}.news-single-header{box-shadow:var(--shadow-md);background:#fff;border-radius:24px;margin-bottom:30px;padding:40px}.news-single-category{background:var(--primary-yellow);color:var(--primary-blue);text-transform:uppercase;letter-spacing:1px;border-radius:30px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.news-single-header h1{color:var(--primary-blue);margin-bottom:20px;font-size:2.5rem;line-height:1.2}.news-single-meta{color:#888;border-top:1px solid var(--gray-mid);gap:30px;padding-top:20px;font-size:.9rem;display:flex}.news-single-content{box-shadow:var(--shadow-md);color:#2c3e50;background:#fff;border-radius:24px;padding:50px;font-size:1.05rem;line-height:1.8}.news-single-content h1{color:var(--primary-blue);margin:1.5em 0 .5em;font-size:2rem}.news-single-content h2{color:var(--primary-blue);border-bottom:1px solid var(--gray-mid);margin:1.5em 0 .5em;padding-bottom:.5em;font-size:1.75rem}.news-single-content h3{color:var(--primary-blue);margin:1.2em 0 .5em;font-size:1.4rem}.news-single-content p{margin-bottom:1.3em}.news-single-content img{max-width:100%;height:auto;box-shadow:var(--shadow-sm);border-radius:16px;margin:30px 0}.news-single-content blockquote{border-left:4px solid var(--primary-red);background:var(--gray-light);color:#555;border-radius:0 16px 16px 0;margin:30px 0;padding:20px 30px;font-style:italic}.news-single-content code{color:#e74c3c;background:#2c3e50;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.9em}.news-single-content pre{color:#ecf0f1;background:#2c3e50;border-radius:12px;margin:20px 0;padding:20px;overflow-x:auto}.news-single-content pre code{color:inherit;background:0 0;padding:0}.news-single-content ul,.news-single-content ol{margin:20px 0;padding-left:30px}.news-single-content li{margin:8px 0}.news-single-content a{color:var(--primary-red);border-bottom:1px dotted var(--primary-red);text-decoration:none}.news-single-content a:hover{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.news-single-content table{border-collapse:collapse;width:100%;margin:20px 0}.news-single-content th,.news-single-content td{border:1px solid var(--gray-mid);text-align:left;padding:12px}.news-single-content th{background:var(--gray-light);font-weight:600}.news-single-footer{box-shadow:var(--shadow-md);background:#fff;border-radius:24px;margin-top:30px;padding:30px}.share-buttons{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.share-buttons span{color:var(--primary-blue);font-weight:600}.share-buttons a{background:var(--gray-light);color:var(--primary-blue);border-radius:30px;padding:8px 20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s}.share-buttons a:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}@media (width<=768px){.news-single-container{padding:80px 16px 40px}.news-single-header{padding:24px}.news-single-header h1{font-size:1.8rem}.news-single-content{padding:24px}.news-single-meta{flex-direction:column;gap:8px}.news-single-footer{padding:20px}.share-buttons{flex-direction:column;align-items:stretch}.share-buttons a{text-align:center}}.checkbox-label{cursor:pointer;align-items:center;gap:12px;margin-bottom:8px;display:flex}.checkbox-label input{cursor:pointer;width:20px;height:20px;accent-color:var(--primary-red)}.checkbox-label span{color:var(--primary-blue);font-weight:600}.featured-badge{background:var(--primary-yellow);color:var(--primary-blue);z-index:1;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px}.news-card{position:relative}.rich-text-editor-container{background:#fff;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;direction:ltr!important}.rich-text-editor{background-color:#fff;border-radius:8px;outline:none;min-height:400px;padding:16px;font-size:16px;line-height:1.6;text-align:left!important;direction:ltr!important;unicode-bidi:normal!important}.rich-text-editor *{text-align:left!important;direction:ltr!important;unicode-bidi:normal!important}.editor-toolbar{z-index:5;background:#f8f9fa;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:4px;padding:8px;display:flex;position:sticky;top:0;direction:ltr!important}.editor-placeholder{color:#999;pointer-events:none;font-style:italic;position:absolute;top:68px;left:16px;direction:ltr!important}[contenteditable=true],[contenteditable=true] *{text-align:left!important;direction:ltr!important;unicode-bidi:normal!important}div[contenteditable=true],.rich-text-editor{direction:ltr!important;unicode-bidi:normal!important}.rich-text-editor-container,.rich-text-editor-container *{text-align:left!important;direction:ltr!important;unicode-bidi:normal!important}.rich-text-editor,.rich-text-editor *,[contenteditable=true],[contenteditable=true] *{text-align:left!important;writing-mode:horizontal-tb!important;direction:ltr!important;unicode-bidi:normal!important}.editor-toolbar,.editor-toolbar *{direction:ltr!important;unicode-bidi:normal!important}body .rich-text-editor,div.rich-text-editor{direction:ltr!important;unicode-bidi:bidi-override!important}[contenteditable=true]:focus{direction:ltr!important;unicode-bidi:normal!important}.gallery-admin-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px;display:grid}.gallery-admin-card{aspect-ratio:1;box-shadow:var(--shadow-sm);border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.gallery-admin-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gallery-admin-image{object-fit:cover;width:100%;height:100%;object-position:center center!important}.gallery-admin-overlay{opacity:0;background:linear-gradient(#0000,#000c);padding:20px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.gallery-admin-card:hover .gallery-admin-overlay{opacity:1}.gallery-admin-info h4{color:#fff;margin:0 0 5px;font-size:1rem}.gallery-admin-category{color:var(--primary-yellow);margin:0;font-size:.8rem}.gallery-admin-actions{gap:8px;margin-top:12px;display:flex}.featured-btn{background:var(--primary-yellow);color:var(--primary-blue);cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.featured-btn.active{color:#fff;background:#f39c12}.image-preview-large{background:var(--gray-light);border-radius:8px;margin-top:12px;overflow:hidden}.image-preview-large img{object-fit:contain;width:100%;max-height:200px}.gallery-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.gallery-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.gallery-hero p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.gallery-filter-section{border-bottom:1px solid var(--gray-mid);background:#fff;padding:40px 0}.gallery-filters{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.filter-btn{background:var(--gray-light);cursor:pointer;border:none;border-radius:30px;padding:8px 20px;font-family:Times New Roman,Times,serif;font-size:.9rem;transition:all .3s}.filter-btn:hover{background:var(--primary-yellow);color:var(--primary-blue)}.filter-btn.active{background:var(--primary-blue);color:#fff}.gallery-grid-section{background:var(--gray-light);padding:60px 0}.gallery-public-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.gallery-item{aspect-ratio:4/3;cursor:pointer;box-shadow:var(--shadow-sm);opacity:0;border-radius:16px;transition:all .3s;animation:.5s forwards fadeInUp;position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.gallery-item-overlay{background:linear-gradient(#0000,#000c);padding:20px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover .gallery-item-overlay{transform:translateY(0)}.gallery-item-info h3{color:#fff;margin:0 0 5px;font-size:1.1rem}.gallery-item-info p{color:var(--primary-yellow);margin:0;font-size:.8rem}.no-images{text-align:center;color:#999;background:#fff;border-radius:16px;padding:60px}.lightbox{z-index:2000;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff;cursor:pointer;z-index:2001;background:0 0;border:none;font-size:40px;transition:transform .2s;position:absolute;top:20px;right:30px}.lightbox-close:hover{color:var(--primary-red);transform:scale(1.1)}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-content img{object-fit:contain;border-radius:12px;max-width:100%;max-height:70vh}.lightbox-info{text-align:center;color:#fff;background:#000c;border-radius:12px;margin-top:20px;padding:20px}.lightbox-info h3{color:var(--primary-yellow);margin-bottom:10px}.lightbox-category{background:var(--primary-blue);border-radius:20px;margin-top:10px;padding:4px 12px;font-size:.8rem;display:inline-block}@media (width<=768px){.gallery-hero{padding:140px 20px 60px}.gallery-hero h1{font-size:2rem}.gallery-public-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.gallery-admin-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lightbox-content img{max-height:60vh}.lightbox-info{padding:15px}}.header-buttons{gap:12px;display:flex}.batch-modal{max-width:900px!important}.batch-file-input{background:var(--gray-light);border:2px dashed var(--gray-mid);cursor:pointer;border-radius:8px;padding:12px}.batch-file-input:hover{border-color:var(--primary-blue);background:#1a3a6b0d}.batch-images-preview{border-top:1px solid var(--gray-mid);margin-top:24px;padding-top:24px}.batch-images-preview h3{color:var(--primary-blue);margin-bottom:16px;font-size:1.1rem}.batch-images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-height:400px;padding:8px;display:grid;overflow-y:auto}.batch-image-item{background:var(--gray-light);border-radius:12px;padding:12px;transition:all .2s;position:relative}.batch-image-item img{object-fit:cover;border-radius:8px;width:100%;height:120px;margin-bottom:8px;object-position:center center!important}.remove-batch-image{background:var(--primary-red);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:transform .2s;display:flex;position:absolute;top:4px;right:4px}.remove-batch-image:hover{transform:scale(1.1)}.batch-image-title{border:1px solid #ddd;border-radius:6px;width:100%;margin:8px 0 4px;padding:8px;font-family:Times New Roman,Times,serif;font-size:.8rem}.batch-image-description{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;padding:8px;font-family:Times New Roman,Times,serif;font-size:.75rem}.gallery-stats{background:var(--gray-light);border-radius:8px;gap:24px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.gallery-stats span{color:var(--primary-blue);font-weight:500}.upload-progress{background:var(--gray-light);border-radius:8px;margin-top:20px;padding:16px}.progress-bar{background:#ddd;border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:var(--primary-blue);height:100%;transition:width .3s}@media (width<=768px){.header-buttons{flex-direction:column;width:100%}.header-buttons button{width:100%}.management-header{flex-direction:column;gap:16px}.batch-images-grid{grid-template-columns:1fr}.batch-modal{width:95%}}.events-admin-list{flex-direction:column;gap:20px;margin-top:24px;display:flex}.event-admin-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;gap:24px;transition:transform .3s;display:flex;overflow:hidden}.event-admin-card:hover{box-shadow:var(--shadow-md);transform:translate(5px)}.event-admin-flyer{flex-shrink:0;width:120px}.event-admin-flyer img{object-fit:cover;width:100%;height:100%;object-position:center center!important}.event-admin-info{flex:1;padding:20px 20px 20px 0}.event-admin-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.event-admin-header h3{color:var(--primary-blue);margin:0}.status-badge.status-upcoming{color:#155724;background:#d4edda}.status-badge.status-past{color:#383d41;background:#e2e3e5}.status-badge.status-cancelled{color:#721c24;background:#f8d7da}.event-admin-details{color:#555;margin:12px 0;font-size:.9rem}.event-admin-details p{margin:6px 0}.event-admin-actions{gap:10px;margin-top:12px;display:flex}.status-select{cursor:pointer;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-family:Times New Roman,Times,serif}.events-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.events-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.events-hero p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.events-content{background:var(--gray-light);padding:60px 0}.events-tabs{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.events-tabs .tab-btn{cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:40px;padding:12px 32px;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;transition:all .3s}.events-tabs .tab-btn.active{background:var(--primary-blue);color:#fff}.events-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;display:grid}.event-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;transition:all .3s;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.event-card-flyer{height:200px;overflow:hidden}.event-card-flyer img{object-fit:cover;width:100%;height:100%;transition:transform .5s;object-position:center center!important}.event-card:hover .event-card-flyer img{transform:scale(1.05)}.event-card-content{padding:24px;position:relative}.event-date-badge{background:var(--primary-red);color:#fff;text-align:center;min-width:70px;box-shadow:var(--shadow-sm);border-radius:12px;padding:8px 16px;position:absolute;top:-20px;left:24px}.event-day{font-size:1.5rem;font-weight:700;line-height:1;display:block}.event-month{text-transform:uppercase;font-size:.7rem;display:block}.event-card-content h3{color:var(--primary-blue);margin:20px 0 16px;font-size:1.3rem}.event-details{margin-bottom:16px}.event-details p{color:#555;align-items:center;gap:8px;margin:8px 0;font-size:.9rem;display:flex}.event-icon{width:24px;font-size:1rem}.event-description{color:#666;margin-bottom:20px;font-size:.9rem;line-height:1.6}.event-register-btn{background:var(--primary-yellow);color:var(--primary-blue);border-radius:30px;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.event-register-btn:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.past-events-grid .event-card{opacity:.85}.no-events{text-align:center;color:#999;background:#fff;border-radius:16px;padding:60px}@media (width<=768px){.events-hero{padding:140px 20px 60px}.events-hero h1{font-size:2rem}.events-grid{grid-template-columns:1fr}.event-admin-card{flex-direction:column}.event-admin-flyer{width:100%;height:150px}.event-admin-info{padding:20px}.events-tabs{flex-direction:column;align-items:stretch}.events-tabs .tab-btn{text-align:center}}.admission-management{max-width:1200px;margin:0 auto}.admission-tabs{border-bottom:2px solid var(--gray-mid);gap:10px;margin-bottom:30px;padding-bottom:10px;display:flex}.admission-tabs .tab-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 24px;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;transition:all .3s}.admission-tabs .tab-btn.active{background:var(--primary-blue);color:#fff}.admission-tab-content{padding:20px 0}.form-section{background:var(--gray-light);border-radius:12px;margin-bottom:24px;padding:20px}.form-section h3{color:var(--primary-blue);margin-bottom:16px;font-size:1.2rem}.list-management{background:#fff;border-radius:8px;padding:16px}.list-item{border-bottom:1px solid var(--gray-mid);justify-content:space-between;align-items:center;padding:10px;display:flex}.list-item:last-child{border-bottom:none}.remove-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:4px 10px;font-size:12px}.add-item{border-top:1px solid var(--gray-mid);gap:10px;margin-top:16px;padding-top:16px;display:flex}.add-item input{border:1px solid #ddd;border-radius:6px;flex:1;padding:8px 12px}.add-item button{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px}.steps-management{flex-direction:column;gap:16px;display:flex}.step-edit-card{background:var(--gray-light);border-radius:12px;align-items:flex-start;gap:20px;padding:20px;display:flex}.step-number{background:var(--primary-red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;font-weight:700;display:flex}.step-display{flex:1}.step-display h4{color:var(--primary-blue);margin-bottom:8px;font-size:1.1rem}.step-display p{color:#555;margin-bottom:10px}.edit-step-btn{background:var(--primary-yellow);color:var(--primary-blue);cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:.8rem}.step-edit-form{flex:1}.step-edit-form input,.step-edit-form textarea{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:10px;padding:10px;font-family:Times New Roman,Times,serif}.step-edit-actions{gap:10px;display:flex}.step-edit-actions button:first-child{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px}.step-edit-actions button:last-child{color:#333;cursor:pointer;background:#ccc;border:none;border-radius:6px;padding:6px 16px}.document-upload{flex-direction:column;gap:12px;display:flex}.document-upload input{cursor:pointer;border:1px dashed #ddd;border-radius:8px;padding:10px}.file-link{color:var(--primary-blue);background:#fff;border-radius:6px;padding:8px 12px;text-decoration:none;display:inline-block}.file-link:hover{background:var(--gray-light)}@media (width<=768px){.admission-tabs{flex-wrap:wrap}.step-edit-card{flex-direction:column}.step-number{align-self:center}}.staff-admin-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.staff-admin-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;transition:all .3s;display:flex;overflow:hidden}.staff-admin-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.staff-admin-photo{flex-shrink:0;width:120px;position:relative}.staff-admin-photo img{object-fit:cover;width:100%;height:100%;object-position:top center!important}.staff-status{text-align:center;color:#fff;background:#000000b3;border-radius:4px;padding:4px;font-size:.7rem;font-weight:700;position:absolute;bottom:8px;left:8px;right:8px}.staff-status.active{background:#28a745}.staff-status.inactive{background:#dc3545}.staff-admin-info{flex:1;padding:16px}.staff-admin-info h3{color:var(--primary-blue);margin:0 0 4px;font-size:1.1rem}.staff-admin-actions{gap:8px;margin-top:12px;display:flex}.status-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.status-btn.activate{color:#fff;background:#28a745}.status-btn.deactivate{color:#333;background:#ffc107}.staff-photo-preview{border:3px solid var(--primary-yellow);border-radius:50%;width:120px;height:120px;margin-top:12px;overflow:hidden}.staff-photo-preview img{object-fit:cover;width:100%;height:100%;object-position:top center!important}.staff-card-image{background:var(--gray-light);height:280px;overflow:hidden}.staff-card-image img{object-fit:cover;width:100%;height:100%;object-position:top center!important}.staff-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.staff-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.staff-hero p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.staff-filter-section{border-bottom:1px solid var(--gray-mid);background:#fff;padding:40px 0}.staff-filters{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.staff-filters .filter-btn{background:var(--gray-light);cursor:pointer;border:none;border-radius:30px;padding:8px 24px;font-family:Times New Roman,Times,serif;font-size:.9rem;transition:all .3s}.staff-filters .filter-btn:hover{background:var(--primary-yellow);color:var(--primary-blue)}.staff-filters .filter-btn.active{background:var(--primary-blue);color:#fff}.staff-grid-section{background:var(--gray-light);padding:60px 0}.staff-public-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.staff-card{cursor:pointer;box-shadow:var(--shadow-sm);opacity:0;background:#fff;border-radius:20px;transition:all .3s;animation:.5s forwards fadeInUp;overflow:hidden}.staff-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.staff-card-image{height:280px;overflow:hidden}.staff-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;object-position:top center!important}.staff-card:hover .staff-card-image img{transform:scale(1.1);object-position:top center!important}.staff-card-info{text-align:center;padding:20px}.staff-card-info h3{color:var(--primary-blue);margin-bottom:5px;font-size:1.2rem}.staff-position{color:var(--primary-red);margin-bottom:5px;font-weight:500}.staff-department{color:#666;margin-bottom:15px;font-size:.85rem}.view-profile-btn{background:var(--primary-yellow);color:var(--primary-blue);cursor:pointer;border:none;border-radius:30px;padding:8px 20px;font-family:Times New Roman,Times,serif;font-weight:600;transition:all .3s}.view-profile-btn:hover{background:var(--primary-blue);color:#fff}.no-staff{text-align:center;color:#999;background:#fff;border-radius:16px;padding:60px}.staff-modal-overlay{z-index:2000;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.staff-modal-container{background:#fff;border-radius:24px;width:90%;max-width:900px;max-height:90vh;position:relative;overflow:hidden auto}.staff-modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;transition:all .3s;position:absolute;top:20px;right:20px}.staff-modal-close:hover{background:var(--primary-red);transform:scale(1.1)}.staff-modal-content{flex-direction:column;display:flex}.staff-modal-image{height:300px;overflow:hidden}.staff-modal-image img{object-fit:cover;width:100%;height:100%;object-position:top center!important}.staff-modal-info{padding:32px}.staff-modal-info h2{color:var(--primary-blue);margin-bottom:8px;font-size:1.8rem}.staff-modal-position{color:var(--primary-red);margin-bottom:5px;font-size:1.1rem;font-weight:500}.staff-modal-department{color:#666;border-bottom:1px solid var(--gray-mid);margin-bottom:20px;padding-bottom:20px}.staff-modal-bio{margin-bottom:20px}.staff-modal-bio h3{color:var(--primary-blue);margin-bottom:10px;font-size:1.2rem}.staff-modal-bio p{color:#555;line-height:1.7}.staff-modal-contact p{margin:8px 0}.staff-modal-contact a{color:var(--primary-blue);text-decoration:none}.staff-modal-contact a:hover{text-decoration:underline}@media (width<=768px){.staff-hero{padding:140px 20px 60px}.staff-hero h1{font-size:2rem}.staff-public-grid,.staff-admin-grid{grid-template-columns:1fr}.staff-admin-card{flex-direction:column}.staff-admin-photo{width:100%;height:150px}.staff-modal-info{padding:20px}.staff-modal-info h2{font-size:1.4rem}.staff-filters{gap:8px}.staff-filters .filter-btn{padding:6px 16px;font-size:.8rem}}.student-life-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.student-life-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.student-life-hero p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.student-life-quote{background:var(--gray-light);padding:60px 0}.quote-box{text-align:center;max-width:800px;box-shadow:var(--shadow-md);border-left:4px solid var(--primary-yellow);background:#fff;border-radius:20px;margin:0 auto;padding:40px}.quote-box p{color:var(--primary-blue);margin-bottom:15px;font-size:1.3rem;font-style:italic}.quote-box span{color:#666;font-size:.9rem}.clubs-section h2,.sports-section h2,.events-calendar-section h2,.leadership-section h2,.student-gallery-section h2{text-align:center;color:var(--primary-blue);margin-bottom:15px}.section-subtitle{text-align:center;color:#666;margin-bottom:50px}.clubs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.club-card{background:var(--gray-light);cursor:pointer;border:1px solid #0000;border-radius:16px;gap:20px;padding:20px;transition:all .3s;display:flex}.club-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-yellow);background:#fff;transform:translateY(-5px)}.club-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:2rem;display:flex}.club-info h3{color:var(--primary-blue);margin-bottom:10px;font-size:1.2rem}.club-info p{color:#555;margin-bottom:12px;font-size:.9rem;line-height:1.5}.learn-more-btn{color:var(--primary-red);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600;transition:color .3s}.learn-more-btn:hover{color:var(--primary-blue)}.sports-section{background:var(--gray-light);padding:80px 0}.sports-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;display:grid}.sport-card{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:30px 20px;transition:all .3s}.sport-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.sport-icon{margin-bottom:15px;font-size:3rem}.sport-card h3{color:var(--primary-blue);margin-bottom:8px;font-size:1.1rem}.sport-card p{color:#666;font-size:.85rem}.events-calendar-section{background:#fff;padding:80px 0}.events-timeline{max-width:600px;margin:0 auto}.timeline-item{border-bottom:1px solid var(--gray-mid);align-items:center;gap:20px;padding:15px 0;display:flex}.timeline-month{width:100px;color:var(--primary-red);font-size:1.1rem;font-weight:700}.timeline-event{color:#333;flex:1;align-items:center;gap:12px;font-size:1rem;display:flex}.event-icon{font-size:1.3rem}.leadership-section{background:var(--gray-light);padding:80px 0}.leadership-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;display:grid}.leadership-card{text-align:center;background:#fff;border-radius:16px;padding:30px;transition:all .3s}.leadership-icon{margin-bottom:15px;font-size:3rem}.leadership-card h3{color:var(--primary-blue);margin-bottom:12px}.leadership-card p{color:#666;font-size:.9rem;line-height:1.5}.student-gallery-section{background:#fff;padding:80px 0}.student-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.student-gallery-grid .gallery-item{aspect-ratio:4/3;cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.student-gallery-grid .gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s;object-position:center center!important}.student-gallery-grid .gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{color:#fff;opacity:0;background:linear-gradient(#0000,#000000b3);padding:15px;font-size:.85rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.student-gallery-grid .gallery-item:hover .gallery-overlay{opacity:1}.gallery-cta{text-align:center}.club-modal-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.club-modal-container{background:#fff;border-radius:24px;width:90%;max-width:550px;max-height:90vh;animation:.3s slideUp;overflow:hidden auto}.club-modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;width:35px;height:35px;font-size:18px;position:absolute;top:15px;right:20px}.club-modal-header{text-align:center;color:#fff;padding:40px 20px}.club-modal-icon{margin-bottom:15px;font-size:4rem}.club-modal-header h2{color:#fff;margin:0;font-size:1.8rem}.club-modal-body{padding:30px}.club-modal-description{color:#333;margin-bottom:25px;font-size:1rem;line-height:1.6}.club-details-grid{background:var(--gray-light);border-radius:12px;gap:15px;margin-bottom:25px;padding:20px;display:grid}.club-detail-item{align-items:center;gap:12px;display:flex}.detail-icon{width:30px;font-size:1.3rem}.club-detail-item strong{color:var(--primary-blue);font-size:.85rem;display:block}.club-detail-item p{color:#555;margin:0;font-size:.9rem}.club-activities{margin-bottom:25px}.club-activities h3{color:var(--primary-blue);margin-bottom:15px;font-size:1.1rem}.club-activities ul{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.club-activities li{background:var(--gray-light);color:#555;border-radius:20px;padding:8px 15px;font-size:.85rem}.join-club-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.join-club-btn:hover{background:var(--primary-red);transform:translateY(-2px)}@media (width<=768px){.student-life-hero{padding:140px 20px 60px}.student-life-hero h1{font-size:2rem}.quote-box p{font-size:1rem}.clubs-grid{grid-template-columns:1fr}.club-card{text-align:center;flex-direction:column}.club-icon{margin:0 auto}.sports-grid{grid-template-columns:repeat(2,1fr)}.leadership-grid{grid-template-columns:1fr}.timeline-item{text-align:center;flex-direction:column;gap:8px}.timeline-month{width:auto}.club-modal-header h2{font-size:1.4rem}.club-modal-body{padding:20px}}.dashboard-header h1{margin:0}.admin-role{background:#fff3;border-radius:20px;margin-top:8px;padding:2px 8px;font-size:.7rem;display:inline-block}.user-role{opacity:.7;margin-top:-5px;font-size:.7rem}.management-shortcuts{margin-top:40px}.management-shortcuts h2{color:var(--primary-blue);margin-bottom:20px;font-size:1.2rem}.shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.shortcut-card{box-shadow:var(--shadow-sm);border:1px solid var(--gray-mid);background:#fff;border-radius:16px;padding:20px;transition:all .3s}.shortcut-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-yellow);transform:translateY(-4px)}.shortcut-card h3{color:var(--primary-blue);margin-bottom:8px;font-size:1.1rem}.shortcut-card p{color:#666;margin-bottom:15px;font-size:.85rem}.shortcut-card a{color:var(--primary-red);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.shortcut-card a:hover{color:var(--primary-blue)}@media (width<=1024px){.shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start}.shortcuts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.mobile-menu-btn{z-index:1001;background:var(--primary-blue);color:#fff;cursor:pointer;width:45px;height:45px;box-shadow:var(--shadow-md);border:none;border-radius:12px;font-size:1.5rem;display:none;position:fixed;top:20px;left:20px}.sidebar{background:linear-gradient(180deg, var(--primary-blue) 0%, #0a1a3a 100%);color:#fff;z-index:1000;width:280px;height:100vh;transition:transform .3s;position:fixed;overflow-y:auto}.sidebar-header{text-align:center;border-bottom:1px solid #ffffff1a;padding:28px 24px}.sidebar-nav{padding:20px 0}.sidebar-footer{background:#0003;border-top:1px solid #ffffff1a;margin-top:auto;padding:20px;position:absolute;bottom:0;left:0;right:0}.user-avatar{background:var(--primary-yellow);width:40px;height:40px;color:var(--primary-blue);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.user-details{flex:1}.user-name{margin-bottom:2px;font-size:.85rem;font-weight:600}.user-email{opacity:.7;font-size:.7rem}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.dashboard-content{background:#f5f7fb;flex:1;min-height:100vh;margin-left:280px;padding:24px 32px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.dashboard-header h1{color:var(--primary-blue);margin:0;font-size:1.8rem}.dashboard-date{color:#666;box-shadow:var(--shadow-sm);background:#fff;border-radius:30px;padding:8px 20px;font-size:.85rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-yellow);background:#fff;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{font-size:2.5rem}.stat-info h3{color:var(--primary-blue);margin:0;font-size:2rem}.stat-info p{color:#666;margin:4px 0 0;font-size:.85rem}.stat-info small{color:#999;margin-top:4px;font-size:.7rem;display:block}.quick-actions{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;margin-bottom:32px;padding:24px}.quick-actions h2{color:var(--primary-blue);margin-bottom:20px;font-size:1.2rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.action-btn{background:var(--gray-light);text-align:center;color:var(--primary-blue);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.action-btn:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.recent-activity{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:24px}.recent-activity h2{color:var(--primary-blue);margin-bottom:20px;font-size:1.2rem}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:var(--gray-light);border-radius:12px;gap:15px;padding:12px;transition:background .2s;display:flex}.activity-item:hover{background:var(--gray-mid)}.activity-icon{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.activity-details{flex:1}.activity-title{color:var(--primary-blue);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.activity-date{color:#888;margin:0;font-size:.7rem}.activity-badge{border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:500}.activity-badge.published{color:#155724;background:#d4edda}.activity-badge.draft{color:#856404;background:#fff3cd}.activity-badge.unread{background:var(--primary-red);color:#fff}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.dashboard-content{margin-left:0;padding:80px 20px 20px}.stats-grid,.actions-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.dashboard-content{padding:70px 16px 16px}.stat-card{padding:16px}.stat-icon{font-size:2rem}.stat-info h3{font-size:1.5rem}}.sidebar{background:linear-gradient(180deg, var(--primary-blue) 0%, #0a1a3a 100%);color:#fff;z-index:1000;flex-direction:column;width:280px;height:100vh;transition:transform .3s;display:flex;position:fixed;overflow:hidden auto}.sidebar-header{text-align:center;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:28px 24px}.sidebar-header h3{color:var(--primary-yellow);margin-bottom:5px;font-size:1.2rem}.sidebar-header p{opacity:.7;margin-bottom:8px;font-size:.7rem}.admin-role-badge{background:#fff3;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:500;display:inline-block}.sidebar-nav{flex:1;padding:20px 0 100px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{letter-spacing:1px;color:#ffffff80;text-transform:uppercase;padding:8px 24px;font-size:.7rem;font-weight:600}.nav-item{color:#ffffffd9;border-radius:12px;align-items:center;gap:12px;margin:2px 12px;padding:10px 24px;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff1a;transform:translate(4px)}.nav-item.active{background:var(--primary-yellow);color:var(--primary-blue)}.nav-icon{width:28px;font-size:1.2rem}.nav-text{flex:1;font-size:.9rem;font-weight:500}.nav-badge{background:var(--primary-red);color:#fff;text-align:center;border-radius:20px;min-width:22px;padding:2px 6px;font-size:.65rem}.nav-badge.unread{background:#ff4757;animation:1.5s infinite pulse}.sidebar-footer{background:#0a1a3af2;border-top:1px solid #ffffff1a;flex-shrink:0;width:100%;padding:16px 20px;position:relative;bottom:0}.user-info-card{background:#ffffff14;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:8px;display:flex}.user-avatar{background:var(--primary-yellow);width:40px;height:40px;color:var(--primary-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.user-details{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.85rem;font-weight:600;overflow:hidden}.user-email{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.logout-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.9rem;transition:all .3s;display:flex}.logout-btn:hover{background:var(--primary-red);border-color:var(--primary-red)}.academics-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.academics-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.academics-hero p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.academics-overview{background:#fff;padding:80px 0}.academics-overview h2{text-align:center;margin-bottom:30px}.overview-content{text-align:center;color:#555;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8}.academic-levels-section{background:var(--gray-light);padding:80px 0}.academic-levels-section h2{text-align:center;margin-bottom:15px}.academic-levels{max-width:900px;margin:0 auto}.academic-level{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-bottom:20px;transition:all .3s;overflow:hidden}.academic-level:hover{box-shadow:var(--shadow-md)}.level-header{cursor:pointer;background:#fff;align-items:center;gap:20px;padding:20px 25px;transition:background .2s;display:flex}.level-header:hover{background:var(--gray-light)}.level-icon{text-align:center;width:50px;font-size:2rem}.level-header-info{flex:1}.level-header-info h3{color:var(--primary-blue);margin:0;font-size:1.3rem}.level-age{color:var(--primary-red);font-size:.85rem;font-weight:500}.level-toggle{color:var(--primary-blue);text-align:center;width:30px;font-size:1.5rem;font-weight:700}.level-content{border-top:1px solid var(--gray-mid);padding:0 25px 25px;animation:.3s fadeIn}.level-description{color:#555;margin-bottom:20px;line-height:1.6}.level-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.level-detail h4{color:var(--primary-blue);margin-bottom:10px;font-size:1rem}.level-detail ul{padding:0;list-style:none}.level-detail li{color:#555;padding:5px 0 5px 20px;font-size:.9rem;position:relative}.level-detail li:before{content:"✓";color:var(--primary-yellow);position:absolute;left:0}.curriculum-pathway{background:#fff;padding:80px 0}.curriculum-pathway h2{text-align:center;margin-bottom:20px}.pathway-content{text-align:center;color:#555;max-width:700px;margin:0 auto 50px}.pathway-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.pathway-step{text-align:center;background:var(--gray-light);border-radius:16px;min-width:200px;padding:25px;transition:transform .3s}.pathway-step:hover{transform:translateY(-5px)}.step-number{background:var(--primary-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 15px;font-size:1.2rem;font-weight:700;display:flex}.pathway-step h3{color:var(--primary-blue);margin-bottom:10px;font-size:1.1rem}.pathway-step p{color:#666;font-size:.9rem}.pathway-arrow{color:var(--primary-yellow);font-size:2rem}.assessment-system{background:var(--gray-light);padding:80px 0}.assessment-system h2{text-align:center;margin-bottom:40px}.assessment-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:900px;margin:0 auto;display:grid}.assessment-card{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:25px;transition:transform .3s}.assessment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.assessment-icon{margin-bottom:15px;font-size:2rem}.assessment-card p{color:#555;font-weight:500}.academic-calendar{text-align:center;background:#fff;padding:80px 0}.academic-calendar h2{margin-bottom:30px}.calendar-btn{background:var(--primary-blue);color:#fff;border-radius:50px;align-items:center;gap:10px;padding:15px 35px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.calendar-btn:hover{background:var(--primary-red);transform:translateY(-3px)}.academic-clubs{background:var(--gray-light);padding:80px 0}.academic-clubs h2{text-align:center;margin-bottom:20px}.clubs-content{text-align:center;color:#555;max-width:700px;margin:0 auto 40px}.clubs-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;max-width:800px;margin:0 auto;display:grid}.club-card-mini{text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:20px;transition:all .3s}.club-card-mini:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.club-card-mini span{margin-bottom:10px;font-size:2rem;display:block}.club-card-mini h4{color:var(--primary-blue);margin:0;font-size:1rem}@media (width<=768px){.academics-hero{padding:140px 20px 60px}.academics-hero h1{font-size:2rem}.pathway-steps{flex-direction:column}.pathway-arrow{transform:rotate(90deg)}.level-header{flex-wrap:wrap}.level-details-grid,.assessment-grid{grid-template-columns:1fr}.clubs-grid{grid-template-columns:repeat(2,1fr)}}.academics-tabs-section{border-bottom:1px solid var(--gray-mid);background:#fff;padding:40px 0}.academics-tabs{justify-content:center;gap:20px;display:flex}.academics-tabs .tab-btn{background:var(--gray-light);cursor:pointer;border:none;border-radius:40px;padding:12px 32px;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;transition:all .3s}.academics-tabs .tab-btn.active{background:var(--primary-blue);color:#fff}.academic-levels-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.academic-level-card{box-shadow:var(--shadow-sm);opacity:0;background:#fff;border-radius:24px;transition:all .3s;animation:.5s forwards fadeInUp;overflow:hidden}.academic-level-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.level-header{background:linear-gradient(135deg, var(--primary-blue), var(--primary-red));color:#fff;text-align:center;padding:24px}.level-header h2{color:#fff;margin:0;font-size:1.6rem}.level-age{background:var(--primary-yellow);color:var(--primary-blue);border-radius:20px;margin-top:10px;padding:4px 12px;font-size:.8rem;display:inline-block}.level-description{color:#555;padding:20px 24px 0;line-height:1.6}.level-details{grid-template-columns:1fr 1fr;gap:20px;padding:0 24px 24px;display:grid}.level-subjects h4,.level-features h4{color:var(--primary-blue);margin-bottom:12px;font-size:1rem}.level-subjects ul,.level-features ul{padding:0;list-style:none}.level-subjects li,.level-features li{color:#555;padding:6px 0 6px 20px;position:relative}.level-subjects li:before,.level-features li:before{content:"✓";color:var(--primary-red);font-weight:700;position:absolute;left:0}.clubs-section{background:linear-gradient(135deg,#fef9e6,#fff);padding:60px 0}.clubs-intro{text-align:center;margin-bottom:50px}.clubs-intro h2{color:var(--primary-blue);margin-bottom:15px}.club-card{text-align:center;box-shadow:var(--shadow-sm);opacity:0;background:#fff;border-radius:20px;padding:30px;transition:all .3s;animation:.5s forwards fadeInUp}.club-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.club-icon{margin-bottom:15px;font-size:3rem}.club-card h3{color:var(--primary-blue);margin-bottom:12px}.club-card p{color:#555;margin-bottom:20px;line-height:1.6}.club-details{color:#888;border-top:1px solid var(--gray-mid);flex-direction:column;gap:5px;margin-top:10px;padding-top:15px;font-size:.85rem;display:flex}.academic-levels-admin,.clubs-admin-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px;display:grid}.academic-level-card{border:1px solid var(--gray-mid);position:relative}.level-header{background:var(--primary-blue);color:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:16px;display:flex}.level-header h3{color:#fff;margin:0}.level-actions{gap:8px;display:flex}.club-admin-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:20px;padding:20px;display:flex}.club-icon-large{text-align:center;min-width:70px;font-size:3rem}.club-info{flex:1}.club-info h3{color:var(--primary-blue);margin-bottom:8px}.club-actions{gap:8px;display:flex}.club-actions button{padding:6px 12px}@media (width<=768px){.academics-hero{padding:140px 20px 60px}.academics-hero h1{font-size:2rem}.level-details,.academic-levels-grid,.clubs-grid{grid-template-columns:1fr}.club-admin-card{text-align:center;flex-direction:column}.academics-tabs{gap:10px}.academics-tabs .tab-btn{padding:8px 20px;font-size:.9rem}}.contact-messages-container .management-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-stats .unread-badge{background:var(--primary-red);color:#fff;border-radius:30px;padding:6px 14px;font-size:.85rem;font-weight:600}.messages-filter-bar{background:var(--gray-light);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.filter-buttons .filter-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:30px;padding:8px 20px;font-family:Times New Roman,Times,serif;transition:all .3s}.filter-buttons .filter-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.bulk-actions{background:#fff;border-radius:30px;align-items:center;gap:12px;padding:6px 16px;font-size:.85rem;display:flex}.bulk-read-btn,.bulk-delete-btn{cursor:pointer;border:none;border-radius:20px;padding:4px 12px;font-size:.8rem}.bulk-read-btn{background:var(--primary-blue);color:#fff}.bulk-delete-btn{color:#fff;background:#dc2626}.messages-table-container{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;overflow-x:auto}.messages-table{border-collapse:collapse;width:100%}.messages-table th,.messages-table td{text-align:left;border-bottom:1px solid var(--gray-mid);padding:16px}.messages-table th{background:var(--gray-light);color:var(--primary-blue);font-weight:600}.checkbox-col{text-align:center;width:40px}.checkbox-col input{cursor:pointer;width:18px;height:18px}.unread-row{background:#c41e3a0d;font-weight:500}.status-badge{border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block}.status-badge.unread{color:#fff;background:#dc2626}.status-badge.read{color:#383d41;background:#e2e3e5}.status-badge.replied{color:#fff;background:#28a745}.sender-info strong{color:var(--primary-blue)}.contact-info-cell{font-size:.85rem}.phone-small{color:#888;margin-top:2px;font-size:.75rem}.subject-btn{color:var(--primary-red);cursor:pointer;text-align:left;background:0 0;border:none;font-family:Times New Roman,Times,serif;font-weight:500}.subject-btn:hover{text-decoration:underline}.date-cell{color:#666;white-space:nowrap;font-size:.8rem}.actions-cell{flex-wrap:wrap;gap:8px;display:flex}.actions-cell button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem;transition:all .2s}.view-btn:hover{background:var(--primary-blue);color:#fff}.reply-btn:hover{background:var(--primary-yellow);color:var(--primary-blue)}.actions-cell .delete-btn:hover{color:#fff;background:#dc2626}.message-modal,.reply-modal{max-width:600px}.message-details{flex-direction:column;gap:12px;display:flex}.message-detail-row{border-bottom:1px solid var(--gray-mid);padding-bottom:8px}.message-detail-row a{color:var(--primary-blue);text-decoration:none}.message-detail-row a:hover{text-decoration:underline}.message-content{margin-top:12px}.message-content p{background:var(--gray-light);border-radius:12px;margin-top:8px;padding:16px;line-height:1.6}.disabled-input{background:var(--gray-light);cursor:not-allowed;opacity:.7}.original-message{border-top:1px solid var(--gray-mid);margin-top:20px;padding-top:16px}.original-content{background:var(--gray-light);border-radius:8px;max-height:150px;margin-top:8px;padding:12px;overflow-y:auto}@media (width<=768px){.messages-filter-bar{flex-direction:column;align-items:flex-start}.filter-buttons,.bulk-actions{justify-content:center;width:100%}.messages-table th,.messages-table td{padding:10px}.actions-cell{flex-direction:column}}.site-settings-container .settings-tabs{border-bottom:2px solid var(--gray-mid);flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:10px;display:flex}.site-settings-container .settings-tabs .tab-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 24px;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;transition:all .3s}.site-settings-container .settings-tabs .tab-btn.active{background:var(--primary-blue);color:#fff}.settings-tab-content{padding:20px 0}.form-section{box-shadow:var(--shadow-sm);border:1px solid var(--gray-mid);background:#fff;border-radius:16px;margin-bottom:24px;padding:24px}.form-section h3{color:var(--primary-blue);border-bottom:2px solid var(--gray-mid);margin-bottom:20px;padding-bottom:10px;font-size:1.2rem}.section-note{color:#666;margin-bottom:20px;font-size:.85rem}.logo-preview,.favicon-preview{background:var(--gray-light);text-align:center;border-radius:8px;margin-top:12px;padding:12px}.logo-preview img{width:auto;max-height:80px}.preview-note{color:#888;margin-top:8px;font-size:.7rem}.color-preview-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:30px;display:grid}.color-preview-item{background:var(--gray-light);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.color-box{width:60px;height:60px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:12px}.color-input{cursor:pointer;border:1px solid #ddd;border-radius:6px;width:50px;height:40px}.color-hex{text-transform:uppercase;width:100px;font-family:monospace}.color-preview-section{background:var(--gray-light);border-radius:12px;margin-top:24px;padding:20px}.color-preview-section h4{color:var(--primary-blue);margin-bottom:16px}.color-preview-buttons{flex-wrap:wrap;gap:16px;display:flex}.color-preview-buttons button{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:Times New Roman,Times,serif;font-weight:600;transition:all .3s}.color-preview-buttons button:hover{opacity:.9;transform:translateY(-2px)}@media (width<=768px){.site-settings-container .settings-tabs{justify-content:center}.color-preview-grid{grid-template-columns:1fr}.color-preview-item{text-align:center;flex-wrap:wrap;justify-content:center}.form-section{padding:16px}}.about-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-red) 100%);color:#fff;text-align:center;margin-top:-80px;padding:160px 0 80px}.about-hero h1{color:#fff;margin-bottom:20px;font-size:3rem}.about-hero p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.vision-mission-section{grid-template-columns:repeat(2,1fr);gap:40px;padding:80px 0;display:grid}.vision-card,.mission-card{box-shadow:var(--shadow-md);text-align:center;background:#fff;border-radius:24px;padding:40px;transition:transform .3s}.vision-card:hover,.mission-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-icon{margin-bottom:20px;font-size:3rem}.vision-card h2,.mission-card h2{color:var(--primary-blue);margin-bottom:20px}.vision-card p,.mission-card p{color:#555;line-height:1.7}.core-values-section{background:var(--gray-light);border-radius:24px;margin:40px 0;padding:60px 0}.core-values-section h2{text-align:center;margin-bottom:50px}.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:0 20px;display:grid}.value-card{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:30px;transition:all .3s}.value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.value-icon{margin-bottom:15px;font-size:2.5rem}.value-card h3{color:var(--primary-blue);margin-bottom:12px}.value-card p{color:#666;font-size:.9rem;line-height:1.6}.history-section,.philosophy-section{border-bottom:1px solid var(--gray-mid);padding:60px 0}.history-content,.philosophy-content{text-align:center;max-width:800px;margin:0 auto}.history-content h2,.philosophy-content h2{color:var(--primary-blue);margin-bottom:24px;display:inline-block;position:relative}.history-content h2:after,.philosophy-content h2:after{content:"";background:var(--primary-red);width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.history-content p,.philosophy-content p{color:#555;font-size:1.05rem;line-height:1.8}.achievements-section{padding:60px 0}.achievements-section h2{text-align:center;margin-bottom:50px}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;display:grid}.achievement-card{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:30px 20px;transition:all .3s}.achievement-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.achievement-icon{margin-bottom:15px;font-size:2.5rem}.achievement-value{color:var(--primary-red);margin-bottom:10px;font-size:2rem;font-weight:700}.achievement-card h3{color:var(--primary-blue);margin-bottom:10px;font-size:1.1rem}.achievement-card p{color:#666;font-size:.85rem}.leadership-section{background:var(--gray-light);border-radius:24px;margin:40px 0;padding:60px 0}.leadership-section h2{text-align:center;margin-bottom:50px}.leadership-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;padding:0 20px;display:grid}.leadership-card{box-shadow:var(--shadow-md);text-align:center;background:#fff;border-radius:24px;transition:all .3s;overflow:hidden}.leadership-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.leadership-image{object-fit:cover;width:100%;height:300px;object-position:top center!important}.leadership-placeholder{background:linear-gradient(135deg, var(--primary-blue), var(--primary-red));justify-content:center;align-items:center;width:100%;height:300px;display:flex}.placeholder-icon{font-size:5rem}.leadership-card h3{color:var(--primary-blue);margin:20px 0 5px;font-size:1.3rem}.leadership-position{color:var(--primary-red);margin-bottom:15px;font-weight:500}.leadership-message{padding:0 20px 20px}.leadership-message p{color:#555;font-size:.9rem;font-style:italic;line-height:1.6}@media (width<=768px){.about-hero{padding:140px 20px 60px}.about-hero h1{font-size:2rem}.vision-mission-section{grid-template-columns:1fr;gap:30px;padding:50px 0}.vision-card,.mission-card{padding:25px}.values-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}.leadership-grid{grid-template-columns:1fr}.history-section,.philosophy-section{padding:40px 0}}@media (width<=480px){.achievements-grid{grid-template-columns:1fr}}.about-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.history-grid,.philosophy-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.history-image img,.philosophy-image img{width:100%;box-shadow:var(--shadow-md);border-radius:20px}.gallery-section{margin-bottom:40px;padding:60px 0}.gallery-section h2{text-align:center;margin-bottom:40px}.gallery-grid-about{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.gallery-item{box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:250px;transition:transform .3s;object-position:center center!important}.gallery-item:hover img{transform:scale(1.05)}.leadership-image-wrapper{background:var(--gray-light);width:100%;height:320px;overflow:hidden}.leadership-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;object-position:top center!important}.leadership-card:hover .leadership-image{transform:scale(1.05);object-position:top center!important}@media (width<=768px){.history-grid,.philosophy-grid{grid-template-columns:1fr;gap:30px}.history-image{order:-1}.gallery-grid-about{grid-template-columns:1fr}.leadership-image-wrapper{height:280px}}.leadership-image,.staff-card-image img,.staff-admin-photo img,.team-image,.profile-image,.card-image img,.person-image{object-fit:cover;object-position:top center!important}.gallery-grid img,.gallery-item img,.gallery-preview-section img,.news-item img,.event-card-flyer img,.news-card-image,.news-single-featured img{object-fit:cover;object-position:center center!important}.staff-photo-preview img,.leadership-image-wrapper img,.leadership-image{object-fit:cover;object-position:top center!important}.category-card img{object-fit:cover;object-position:center center!important}