@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}[data-animate]{opacity:0}[data-animate].animate{animation-fill-mode:both;animation-duration:.8s}[data-animate][data-animate=fade]{animation-name:fadeIn}[data-animate][data-animate=slide-up]{animation-name:slideUp}[data-animate][data-animate=slide-right]{animation-name:slideInRight}[data-animate][data-animate=zoom]{animation-name:zoomIn}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;z-index:9999}.whatsapp-float{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.whatsapp-float:hover{background-color:#128c7e;color:#fff;transform:scale(1.1)}.whatsapp-float-icon{margin-top:5px}.navbar{background-color:rgba(255,255,255,.95) !important;backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);padding:.5rem 1rem}.navbar .container-fluid{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0}.navbar.navbar-dark .navbar-brand{margin:0;padding:0;flex-shrink:0}.navbar.navbar-dark .navbar-brand img{height:3.125rem;transition:all .3s ease}@media(max-width: 576px){.navbar.navbar-dark .navbar-brand img{width:8rem}}@media(max-width: 1200px){.navbar.navbar-dark .navbar-brand{margin-right:3rem}}.navbar.navbar-dark .navbar-brand:hover img{transform:scale(1.05)}.navbar.navbar-dark .navbar-nav .nav-link{color:#210f04;font-weight:500;padding:.5rem .1rem;margin:0 .25rem;border-radius:4px;transition:all .3s ease}@media(max-width: 1200px){.navbar.navbar-dark .navbar-nav .nav-link{padding:.5rem .1rem}}.navbar.navbar-dark .navbar-nav .nav-link:hover,.navbar.navbar-dark .navbar-nav .nav-link.active{color:#d00000;background-color:rgba(208,0,0,.1)}.navbar.navbar-dark .navbar-nav .nav-link i{margin-right:.5rem}.navbar.navbar-dark .navbar-nav .dropdown-menu{border:none;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:8px;padding:.5rem 0}.navbar.navbar-dark .navbar-nav .dropdown-menu .dropdown-item{padding:.5rem 1.5rem;color:#210f04;transition:all .2s ease}.navbar.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover{background-color:rgba(208,0,0,.1);color:#d00000}.navbar.navbar-dark .navbar-nav .dropdown-menu .dropdown-item i{width:20px;text-align:center;margin-right:.75rem}.navbar.navbar-dark .navbar-toggler{display:none;border:2px solid rgba(33,15,4,.3);border-radius:4px;padding:.5rem;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;order:2}.navbar.navbar-dark .navbar-toggler .custom-toggler{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.navbar.navbar-dark .navbar-toggler .custom-toggler .toggler-line{width:100%;height:3px;background-color:#210f04;position:absolute;transition:all .3s ease;border-radius:2px}.navbar.navbar-dark .navbar-toggler .custom-toggler .top{top:0}.navbar.navbar-dark .navbar-toggler .custom-toggler .middle{top:50%;transform:translateY(-50%)}.navbar.navbar-dark .navbar-toggler .custom-toggler .bottom{bottom:0}.navbar.navbar-dark .navbar-toggler[aria-expanded=true] .custom-toggler .top{transform:translateY(7.5px) rotate(45deg)}.navbar.navbar-dark .navbar-toggler[aria-expanded=true] .custom-toggler .middle{opacity:0}.navbar.navbar-dark .navbar-toggler[aria-expanded=true] .custom-toggler .bottom{transform:translateY(-7.5px) rotate(-45deg)}.navbar.navbar-dark .navbar-toggler .navbar-toggler-icon{display:none}@media(max-width: 992px){.navbar.navbar-dark .navbar-toggler{display:flex}}.navbar .navbar-collapse{flex-grow:0;width:auto}.navbar .navbar-collapse .navbar-nav{display:flex;align-items:center;gap:.5rem}.navbar .navbar-collapse .btn-primary{margin-left:1rem}.navbar .contact-btn{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;text-decoration:none;padding:.6rem .5rem}.navbar .contact-btn:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.navbar .contact-btn:active{transform:translateY(-1px)}.navbar .contact-btn i{margin-right:.5rem}.hero-section{position:relative;height:90vh;min-height:600px;width:100%;overflow:hidden;clip-path:polygon(0 0, 100% 0, 100% 90%, 0 100%)}@media(max-width: 768px){.hero-section{height:95vh;min-height:500px;clip-path:polygon(0 0, 100% 0, 100% 95%, 0 100%)}}.hero-section .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transition:transform 10s ease-out}.hero-section .hero-background:hover{transform:scale(1.05)}.hero-section .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(44, 62, 80, 0.85) 0%, rgba(26, 82, 118, 0.8) 100%);z-index:2}.hero-section .hero-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}@media(max-width: 768px){.hero-section .hero-content{margin-top:10px}}.hero-section .hero-text{max-width:900px;margin-bottom:3rem}@media(max-width: 768px){.hero-section .hero-text{margin-bottom:-2rem}}.hero-section h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media(max-width: 992px){.hero-section h1{font-size:2.8rem}}@media(max-width: 768px){.hero-section h1{font-size:2.2rem}}.hero-section h1 .highlight{color:#f1c40f;position:relative}.hero-section h1 .highlight::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:#f1c40f;transform:scaleX(1);transform-origin:left}.hero-section .hero-description{font-size:1.5rem;line-height:1.6;margin:0 auto 2rem;max-width:800px;opacity:.9}@media(max-width: 992px){.hero-section .hero-description{font-size:1.3rem}}@media(max-width: 768px){.hero-section .hero-description{font-size:1rem;line-height:1.5;margin:0 auto 2rem;opacity:.9}}.hero-section .hero-actions{display:flex;gap:1.5rem;margin-top:2rem}.hero-section .hero-actions .primary-button{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.hero-section .hero-actions .primary-button:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.hero-section .hero-actions .primary-button:active{transform:translateY(-1px)}.hero-section .hero-actions .primary-outline-button{padding:1rem;background:transparent;color:#fff;border:2px solid #f1c40f;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.hero-section .hero-actions .primary-outline-button:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:rgba(0,0,0,.1)}.hero-section .hero-actions .primary-outline-button:active{transform:translateY(-1px)}@media(max-width: 768px){.hero-section .hero-actions{flex-direction:column;gap:1rem;width:100%;max-width:300px}}.hero-section .btn{padding:1rem 2.5rem;border-radius:50px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.hero-section .btn-primary{background:#f1c40f;color:#2c3e50;border:2px solid #f1c40f}.hero-section .btn-primary:hover{background:#c29d0b;border-color:#c29d0b;transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.hero-section .btn-outline{background:transparent;color:#fff;border:2px solid #fff}.hero-section .btn-outline:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.section-container{max-width:1400px;margin:0 auto;padding:0 2rem}.pill{display:inline-block;padding:.5rem 1.2rem;border-radius:50px;font-size:.8rem;font-weight:bold;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;background:#dced31;color:#d00000}.pill.secondary{display:inline-block;padding:.5rem 1.2rem;border-radius:50px;font-size:.8rem;font-weight:bold;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);color:#d00000}.pill.accent{display:inline-block;padding:.5rem 1.2rem;border-radius:50px;font-size:.8rem;font-weight:bold;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);color:#c0392b}.pill-button{padding:1rem 2rem;border-radius:50px;font-weight:bold;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;background:#dced31;color:#d00000}.pill-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(220,237,49,.4)}.cta-button{padding:1rem 2rem;border-radius:50px;font-weight:bold;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;background:#dced31;color:#d00000}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(220,237,49,.4)}.cta-button.primary{padding:1rem 2rem;border-radius:50px;font-weight:bold;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;background:#dced31;color:#d00000}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(220,237,49,.4)}.features-section,.news-section{padding:8rem 0}@media(max-width: 768px){.features-section,.news-section{padding:4rem 0}}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.8rem;color:#d00000;margin-bottom:1rem}@media(max-width: 768px){.section-header h2{font-size:2rem}}.section-header p{max-width:700px;margin:0 auto;font-size:1.2rem}.features-section{padding:5rem 0;background-color:#fff}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin:0 auto}.features-section .features-grid .feature-card{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:2rem;transition:all .3s ease-in-out;padding:2rem}.features-section .features-grid .feature-card:hover{transform:translateX(-1px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.features-section .features-grid .feature-card h3{color:#d00000;margin-bottom:1rem;font-size:1.5rem;position:relative;padding-bottom:10px}.features-section .features-grid .feature-card h3::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#210f04}.features-section .features-grid .feature-card ul{list-style-type:none;padding-left:0}.features-section .features-grid .feature-card ul li{margin-bottom:.8rem;position:relative;padding-left:25px}.features-section .features-grid .feature-card ul li::before{content:"✓";position:absolute;left:0;color:#210f04;font-weight:bold}.reveal{transform:translateY(10px);transition:all .6s ease}.reveal.active{opacity:1;transform:translateY(0)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2.5rem;opacity:1;transition:opacity .5s ease}[data-animate]{opacity:0;transform:translateY(20px);transition:all .6s ease}[data-animate].animate{opacity:1;transform:translateY(0)}.country-flags-section{position:relative;padding:5rem 0;background-color:#1a5276;color:#fff;overflow:hidden}.country-flags-section .container{position:relative;z-index:2}.country-flags-section .section-title{text-align:center;margin-bottom:2.5rem;font-size:2.2rem;font-weight:700;color:#f8f9fa}.country-flags-section .section-title .greeting{font-size:1rem;font-style:italic;color:#333}.country-flags-section .flags-container{max-width:1200px;margin:0 auto;overflow:hidden;height:200px}.country-flags-section .flag-slider{display:flex;animation:scrollFlags 20s linear infinite;width:calc(250px * 10)}.country-flags-section .flag-slider:hover{animation-play-state:paused}.country-flags-section .flag-item{display:flex;flex-direction:column;align-items:center;margin:0 1.5rem;min-width:150px;transition:all .3s ease-in-out}.country-flags-section .flag-item:hover{transform:translateY(-10px)}.country-flags-section .flag-item img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:3px solid #f1c40f;box-shadow:0 4px 12px rgba(0,0,0,.2)}.country-flags-section .flag-item span{margin-top:1rem;font-weight:500}.country-flags-section .slant-bg{position:absolute;bottom:0;left:0;width:100%;height:150px;background:#f8f9fa;clip-path:polygon(0 70%, 100% 0, 100% 100%, 0% 100%)}.utme-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem;margin-bottom:3rem}@media(max-width: 768px){.utme-grid{grid-template-columns:1fr}}.utme-card{position:relative;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease-in-out}.utme-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.utme-card .utme-image-container{position:relative;cursor:pointer;height:250px;overflow:hidden;position:relative}.utme-card .utme-image-container .utme-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.utme-card .utme-image-container .utme-image:hover{transform:scale(1.05)}.utme-card .utme-image-container .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.utme-card .utme-image-container .image-overlay i{color:#fff;font-size:2.5rem}.utme-card .utme-image-container:hover .image-overlay{opacity:1}.utme-card .utme-content{padding:1.5rem}.utme-card .utme-content .utme-excerpt{color:#333;font-size:1.1rem;margin-bottom:1rem;line-height:1.6;font-weight:600}.utme-card .utme-content .utme-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#555}.utme-card .utme-content .utme-meta .utme-date{font-style:italic}.utme-card .mobile-view-btn{display:none;width:100%;padding:.8rem;background:#1a5276;color:#fff;border:none;border-radius:0 0 8px 8px;cursor:pointer;font-weight:500;transition:all .3s ease-in-out}.utme-card .mobile-view-btn i{margin-right:.5rem}.utme-card .mobile-view-btn:hover{background:#11354c}@media(max-width: 768px){.utme-card .mobile-view-btn{display:block}}.image-modal{display:none;position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);overflow:auto;touch-action:none}.image-modal.active{display:flex;justify-content:center;flex-direction:column;align-items:center}.image-modal .close-modal{position:absolute;top:20px;right:30px;color:#fff;font-size:3rem;font-weight:bold;cursor:pointer;transition:all .3s ease-in-out}.image-modal .close-modal:hover{color:#f1c40f}.image-modal .modal-controls{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:2;background:rgba(0,0,0,.7);padding:.8rem;border-radius:50px}.image-modal .modal-controls .zoom-btn{background:rgba(255,255,255,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out}.image-modal .modal-controls .zoom-btn:hover{background:rgba(255,255,255,.4)}.image-modal .modal-controls .zoom-btn i{font-size:1.2rem}.image-modal .modal-controls .modal-image-container{max-width:90vw;max-height:80vh;overflow:auto;cursor:grab}.image-modal .modal-controls .modal-image-container:active{cursor:grabbing}.image-modal .modal-controls .modal-image-container .modal-content{display:block;max-width:100%;max-height:100%;object-fit:contain;transform-origin:0 0;transition:transform .25s ease}@media(max-width: 768px){.image-modal .modal-controls .modal-controls{bottom:10px;padding:.6rem}.image-modal .modal-controls .modal-controls .zoom-btn{width:36px;height:36px}.image-modal .modal-controls .modal-image-container{max-height:70vh}}.image-modal .modal-content{margin-top:40%;max-width:90%;max-height:90%;object-fit:contain}@media(min-width: 992px){.image-modal .modal-content{max-width:80%}}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:3rem}.pagination .page-link{padding:.5rem 1rem;border-radius:4px;background:#fff;color:#1a5276;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease-in-out}.pagination .page-link:hover:not(.disabled){background:#1a5276;color:#fff}.pagination .page-link.active{background:#1a5276;color:#fff;font-weight:700}.pagination .page-link.disabled{opacity:.5;cursor:not-allowed}.upcoming-events-section{position:relative;padding:5rem 0;background-color:#f8f9fa}.upcoming-events-section .container{position:relative;z-index:2}.upcoming-events-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.upcoming-events-section .section-title{font-size:2.2rem;color:#1a5276;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.3)}.upcoming-events-section .see-all{color:#f1c40f;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.upcoming-events-section .see-all:hover{color:#aa8a0a;text-decoration:underline}.upcoming-events-section .events-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.upcoming-events-section .event-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease-in-out}.upcoming-events-section .event-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.upcoming-events-section .event-image{position:relative;height:200px;overflow:hidden}.upcoming-events-section .event-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.upcoming-events-section .event-image:hover img{transform:scale(1.05)}.upcoming-events-section .event-date{position:absolute;top:1rem;left:1rem;background:#f1c40f;color:#333;padding:.5rem 1rem;border-radius:4px;text-align:center;font-weight:700}.upcoming-events-section .event-date .day{font-size:1.5rem;line-height:1;display:block}.upcoming-events-section .event-date .month{font-size:.9rem;text-transform:uppercase}.upcoming-events-section .event-content{padding:1.5rem}.upcoming-events-section .event-content h3{color:#1a5276;margin-top:0;margin-bottom:.5rem;font-size:1.3rem}.upcoming-events-section .event-content .event-location{color:#555;font-size:.9rem;margin-bottom:1rem}.upcoming-events-section .event-content .event-location i{margin-right:.3rem;color:#f1c40f}.upcoming-events-section .event-content .event-description{color:#333;margin-bottom:1.5rem;line-height:1.6}.upcoming-events-section .event-content .event-details{color:#f1c40f;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.upcoming-events-section .event-content .event-details:hover{color:#aa8a0a;text-decoration:underline}.upcoming-events-section .no-events{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.upcoming-events-section .no-events i{font-size:3rem;color:#a2a2a2;margin-bottom:1.5rem}.upcoming-events-section .no-events p{color:#555;font-size:1.1rem;margin-top:1rem}.upcoming-events-section .svg-decorator{position:absolute;top:0;right:0;width:150px;height:150px;color:rgba(241,196,15,.1)}@media(max-width: 768px){.upcoming-events-section .svg-decorator{width:100px;height:100px}}.all-events-section{padding-bottom:1rem !important;min-height:0 !important}.all-events-section .events-list{display:grid;gap:2rem;margin-top:2rem}.all-events-section .events-list .event-item{display:flex;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease-in-out}.all-events-section .events-list .event-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.all-events-section .events-list .event-date{background:#1a5276;color:#fff;padding:1.5rem;min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.all-events-section .events-list .event-date .day{font-size:2rem;font-weight:700;line-height:1}.all-events-section .events-list .event-date .month{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.all-events-section .events-list .event-details{padding:1.5rem;flex:1}.all-events-section .events-list .event-details h2{color:#1a5276;margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.all-events-section .events-list .event-details .meta{color:#555;font-size:.9rem;margin-bottom:1rem}.all-events-section .events-list .event-details .meta i{margin-right:.3rem;color:#f1c40f}.all-events-section .events-list .event-details p{color:#333;line-height:1.6;margin-bottom:1.5rem}.all-events-section .events-list .event-image{margin-top:1rem;border-radius:4px;overflow:hidden}.all-events-section .events-list .event-image img{width:100%;height:auto;max-height:200px;object-fit:cover;transition:all .3s ease-in-out}.all-events-section .events-list .event-image img:hover{transform:scale(1.02)}@media(max-width: 768px){.events-list .event-item{flex-direction:column}.events-list .event-date{flex-direction:row;justify-content:space-between;padding:1rem;min-width:auto}.events-list .event-date .day{font-size:1.5rem}.events-list .event-date .month{font-size:1rem}.events-list .event-image img{max-height:150px}}.no-events-on-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;background-color:rgba(248,249,250,.5);border-radius:8px;border:2px dashed rgba(26,82,118,.2);margin:2rem 0;transition:all .3s ease}.no-events-on-page i{font-size:3.5rem;color:rgba(26,82,118,.3);margin-bottom:1.5rem;transition:all .3s ease}.no-events-on-page h3{color:#1a5276;font-size:1.8rem;margin-bottom:1rem;font-weight:700}.no-events-on-page p{color:#555;font-size:1.1rem;max-width:500px;line-height:1.6}.no-events-on-page:hover{background-color:rgba(248,249,250,.7);border-color:rgba(26,82,118,.3)}.no-events-on-page:hover i{color:rgba(26,82,118,.4);transform:scale(1.05)}@media(max-width: 768px){.no-events-on-page{padding:2rem 1rem}.no-events-on-page i{font-size:2.8rem}.no-events-on-page h3{font-size:1.5rem}.no-events-on-page p{font-size:1rem}}.video-section{position:relative;padding:5rem 0;background-color:#fff;overflow:hidden}.video-section .container{position:relative;z-index:2}.video-section .section-title{text-align:center;margin-bottom:2.5rem;font-size:2.2rem;color:#1a5276;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.3)}.video-section .video-container{max-width:100%;height:60%;margin:0 auto;text-align:center;min-height:400px}.video-section .video-thumbnail{width:100%;height:330px;position:relative;cursor:pointer;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;opacity:.7;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease}.video-section .video-thumbnail:hover{transform:translateY(5px)}.video-section .video-thumbnail:hover .play-button{transform:scale(1.1);opacity:.9}.video-section .video-thumbnail .thumbnail-img{width:100%;height:100%;object-fit:contain;display:block}.video-section .video-thumbnail .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;background-color:#fa230cd1;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease;animation:pulse 1s infinite}.video-section .video-thumbnail .play-button i{color:#fff;font-size:2rem;margin-left:5px}.video-section .youtube-link{display:inline-flex;align-items:center;gap:.5rem;color:#e74c3c;font-weight:500;text-decoration:none;padding:.8rem 1.5rem;border-radius:50px;background-color:rgba(231,76,60,.1);transition:all .3s ease-in-out}.video-section .youtube-link:hover{background-color:rgba(231,76,60,.2);color:#d62c1a}.video-section .youtube-link i{font-size:1.5rem}.video-section .slant-bg{position:absolute;top:0;left:0;width:100%;height:150px;background:#f8f9fa;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px))}.video-section .slant-bg.reverse{top:auto;bottom:0;clip-path:polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 30px), 0 100%)}.video-section .video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:10000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.video-section .video-modal.active{display:flex;opacity:1}.video-section .video-modal .modal-content{position:relative;width:90%;max-width:900px}.video-section .video-modal .modal-content .close-modal{position:absolute;top:-40px;right:0;color:#fff;font-size:2.5rem;cursor:pointer;transition:color .2s ease}.video-section .video-modal .modal-content .close-modal:hover{color:#e74c3c}.video-section .video-modal .modal-content .modal-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-section .video-modal .modal-content .modal-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(231,76,60,.8)}70%{box-shadow:0 0 0 15px rgba(231,76,60,.4)}100%{box-shadow:0 0 0 0 rgba(231,76,60,0)}}.motto-section{padding:4rem 0;overflow:hidden;position:relative}.motto-section::before,.motto-section::after{content:"";position:absolute;width:150px;height:150px;background-size:contain;background-repeat:no-repeat;opacity:.1;z-index:1}.motto-section::before{left:5%;top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dced31'%3E%3Cpath d='M12 2L4 12l8 10 8-10z'/%3E%3C/svg%3E")}.motto-section::after{right:5%;top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dced31'%3E%3Cpath d='M12 22l8-10-8-10-8 10z'/%3E%3C/svg%3E")}.motto-section .motto-marquee{white-space:nowrap;overflow:hidden;box-sizing:border-box;position:relative;z-index:2}.motto-section .motto-content{display:inline-block;padding-left:100%;animation:marquee 25s linear infinite}.motto-section .school-name{font-size:3.5rem;font-weight:700;color:transparent;margin-right:3rem;text-transform:uppercase;letter-spacing:2px;display:inline-block;position:relative;text-shadow:-1px -1px 0 #f1c40f,0 -1px 0 #f1c40f,1px -1px 0 #f1c40f,1px 0 0 #f1c40f,1px 1px 0 #f1c40f,0 1px 0 #f1c40f,-1px 1px 0 #f1c40f,-1px 0 0 #f1c40f}@supports(-webkit-text-stroke: 1px #f1c40f){.motto-section .school-name{-webkit-text-stroke:2px #f1c40f;text-shadow:none}}.motto-section .school-name::after{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;color:rgba(241,196,15,.2);-webkit-text-stroke:0;text-shadow:none;transform:scale(1.05)}.motto-section .motto{font-size:3rem;font-weight:500;color:transparent;font-style:italic;letter-spacing:1px;text-shadow:-1px -1px 0 #f1c40f,0 -1px 0 #f1c40f,1px -1px 0 #f1c40f,1px 0 0 #f1c40f,1px 1px 0 #f1c40f,0 1px 0 #f1c40f,-1px 1px 0 #f1c40f,-1px 0 0 #f1c40f}@supports(-webkit-text-stroke: 1px #f1c40f){.motto-section .motto{-webkit-text-stroke:1.5px #f1c40f;text-shadow:none}}@media(max-width: 992px){.motto-section{padding:3rem 0}.motto-section .school-name{font-size:2.8rem;margin-right:2rem}@supports(-webkit-text-stroke: 1px #f1c40f){.motto-section .school-name{-webkit-text-stroke:1.8px #f1c40f}}.motto-section .motto{font-size:2.4rem}@supports(-webkit-text-stroke: 1px #f1c40f){.motto-section .motto{-webkit-text-stroke:1.3px #f1c40f}}}@media(max-width: 768px){.motto-section{padding:2rem 0}.motto-section::before,.motto-section::after{width:80px;height:80px}.motto-section .school-name{font-size:2rem;margin-right:1.5rem;letter-spacing:1px}@supports(-webkit-text-stroke: 1px #f1c40f){.motto-section .school-name{-webkit-text-stroke:1.5px #f1c40f}}.motto-section .motto{font-size:1.8rem}@supports(-webkit-text-stroke: 1px #f1c40f){.motto-section .motto{-webkit-text-stroke:1px #f1c40f}}.motto-section .motto-content{animation-duration:35s}}@keyframes scrollFlags{0%{transform:translateX(0)}100%{transform:translateX(calc(-250px * 5))}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media(max-width: 992px){.country-flags-section{padding:4rem 0}.country-flags-section .flag-item{min-width:120px}.country-flags-section .flag-item img{width:60px;height:60px}.upcoming-events-section,.video-section{padding:4rem 0}.motto-section .school-name{font-size:2rem}.motto-section .motto{font-size:1.5rem}}@media(max-width: 768px){.country-flags-section{padding:3rem 0}.country-flags-section .section-title{font-size:1.8rem}.country-flags-section .flag-item{min-width:100px;margin:0 1rem}.country-flags-section .flag-item img{width:50px;height:50px}.country-flags-section .flag-item span{font-size:.9rem}.upcoming-events-section{padding:3rem 0}.upcoming-events-section .section-header{flex-direction:column;align-items:flex-start}.upcoming-events-section .section-title{font-size:1.8rem;margin-bottom:1rem}.video-section{padding:3rem 0}.video-section .section-title{font-size:1.8rem}.motto-section{padding:2rem 0}.motto-section .school-name{font-size:1.5rem}.motto-section .motto{font-size:1.2rem}}.event-detail-section{padding:4rem 0}.event-detail-section .event-header{margin-bottom:3rem;text-align:center}.event-detail-section .event-header h1{color:#1a5276;font-size:2.5rem;margin-bottom:1rem;font-weight:700}.event-detail-section .event-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;color:#555;font-size:1.1rem}.event-detail-section .event-meta span{display:flex;align-items:center;gap:.5rem}.event-detail-section .event-meta span i{color:#f1c40f}.event-detail-section .event-content{max-width:900px;margin:0 auto}.event-detail-section .event-image{margin-bottom:2rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.event-detail-section .event-image img{width:100%;height:auto;display:block;transition:all .3s ease-in-out}.event-detail-section .event-image img:hover{transform:scale(1.02)}.event-detail-section .event-description{line-height:1.8;color:#333;font-size:1.1rem}.event-detail-section .event-description p{margin-bottom:1.5rem}.event-detail-section .event-actions{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(26,82,118,.1)}.event-detail-section .event-actions .back-btn{display:inline-flex;align-items:center;gap:.5rem;color:#1a5276;font-weight:500;text-decoration:none;padding:.8rem 1.5rem;border-radius:50px;background-color:rgba(26,82,118,.1);transition:all .3s ease-in-out}.event-detail-section .event-actions .back-btn:hover{background-color:rgba(26,82,118,.2)}.event-detail-section .event-actions .admin-actions{display:flex;gap:1rem}.event-detail-section .event-actions .admin-actions .edit-btn{display:inline-flex;align-items:center;gap:.5rem;color:#fff;background-color:#f1c40f;font-weight:500;text-decoration:none;padding:.8rem 1.5rem;border-radius:50px;transition:all .3s ease-in-out}.event-detail-section .event-actions .admin-actions .edit-btn:hover{background-color:#c29d0b}.event-detail-section .event-actions .admin-actions .delete-form .delete-btn{display:inline-flex;align-items:center;gap:.5rem;color:#fff;background-color:#e74c3c;font-weight:500;border:none;padding:.8rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .3s ease-in-out}.event-detail-section .event-actions .admin-actions .delete-form .delete-btn:hover{background-color:#d62c1a}@media(max-width: 768px){.event-detail-section{padding:2rem 0}.event-detail-section .event-header h1{font-size:2rem}.event-detail-section .event-meta{flex-direction:column;align-items:center;gap:.8rem}.event-detail-section .event-actions{flex-direction:column;gap:1rem}.event-detail-section .event-actions .admin-actions{justify-content:space-between;width:100%}}.events-list{display:grid;gap:2rem;margin-top:2rem}.events-list .event-item{display:flex;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease-in-out}.events-list .event-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.events-list .event-date{background:#1a5276;color:#fff;padding:1.5rem;min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.events-list .event-date .day{font-size:2rem;font-weight:700;line-height:1}.events-list .event-date .month{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.events-list .event-details{padding:1.5rem;flex:1}.events-list .event-details h2{color:#1a5276;margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.events-list .event-details .meta{color:#555;font-size:.9rem;margin-bottom:1rem}.events-list .event-details .meta i{margin-right:.3rem;color:#f1c40f}.events-list .event-details p{color:#333;line-height:1.6;margin-bottom:1.5rem}.events-list .event-image{margin-top:1rem;border-radius:4px;overflow:hidden}.events-list .event-image img{width:100%;height:auto;max-height:200px;object-fit:cover;transition:all .3s ease-in-out}.events-list .event-image img:hover{transform:scale(1.02)}@media(max-width: 768px){.events-list .event-item{flex-direction:column}.events-list .event-date{flex-direction:row;justify-content:space-between;padding:1rem;min-width:auto}.events-list .event-date .day{font-size:1.5rem}.events-list .event-date .month{font-size:1rem}.events-list .event-image img{max-height:150px}}.cta-section{background:linear-gradient(135deg, #d00000, #210f04);color:#fff;padding:6rem 2rem;text-align:center}.cta-section h2{font-size:3rem;margin-bottom:1.5rem}@media(max-width: 768px){.cta-section h2{font-size:2.2rem}}.cta-section p{font-size:1.2rem;max-width:700px;margin:0 auto 3rem}.cta-section .cta-buttons{display:flex;gap:1.5rem;justify-content:center}@media(max-width: 480px){.cta-section .cta-buttons{flex-direction:column;align-items:center}}.animate__animated{--animate-duration: 0.8s}.animate__animated.animate__lightSpeedIn{--animate-duration: 0.5s}.animate__animated.animate__flipInX{backface-visibility:visible !important}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.footer-container{background:linear-gradient(135deg, #1a2a3a 0%, #2c3e50 100%);color:#fff;padding:5rem 2rem 2rem;position:relative;overflow:hidden;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.footer-container::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg, #d00000, #210f04, #2ecc71, #3498db, #9b59b6);background-size:400% 400%;animation:gradient 8s ease infinite}.footer-content{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:3rem;padding-bottom:3rem}.footer-column{display:flex;flex-direction:column}.footer-title{font-size:1.4rem;margin-bottom:1.8rem;position:relative;padding-bottom:.8rem;font-weight:600}.footer-title::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg, #f1c40f, #e67e22);border-radius:3px}.footer-text{margin-bottom:1.5rem;line-height:1.7;opacity:.85;font-size:1rem}.social-icons{display:flex;gap:1.2rem;margin-top:auto}.social-link{color:#fff;font-size:1rem;transition:all .3s ease;background:rgba(255,255,255,.1);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);text-decoration:none}.social-link:hover{background:rgba(255,255,255,.2);transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.2)}.footer-list{list-style:none;padding:0;margin:0}.footer-list-item{margin-bottom:1rem}.footer-link{color:rgba(255,255,255,.9);text-decoration:none;transition:all .3s ease;display:inline-block;font-size:1rem;position:relative;padding-left:.5rem}.footer-link::before{content:"→";position:absolute;left:-15px;opacity:0;transition:all .3s ease}.footer-link:hover{color:#fff;transform:translateX(10px);padding-left:1rem}.footer-link:hover::before{left:0;opacity:1}.footer-contact-info{font-style:normal;display:flex;flex-direction:column;gap:1.2rem}.footer-contact-item{display:flex;align-items:center;gap:1rem;opacity:.85;font-size:1rem}.footer-contact-item i{color:#f8f9fa;font-size:1rem;flex-shrink:0}.newsletter-form{display:flex;flex-direction:column;gap:1.2rem}.newsletter-input{padding:1rem;border:none;border-radius:6px;font-size:1.01rem;background:rgba(255,255,255,.95);transition:all .3s ease}.newsletter-input::placeholder{color:#7f8c8d}.newsletter-input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px rgba(52,152,219,.3)}.newsletter-button{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.newsletter-button:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.newsletter-button:active{transform:translateY(-1px)}.footer-bottom{max-width:1300px;margin:0 auto;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.copyright,.developer-credit{margin:0;opacity:.8;font-size:1rem}.portfolio-link{color:#fff;font-weight:600;margin-left:.5rem;text-decoration:none;position:relative;transition:all .3s ease}.portfolio-link::before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#210f04;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.portfolio-link:hover{color:#210f04}.portfolio-link:hover::before{transform:scaleX(1);transform-origin:left}.welcome-notes-section{padding:2rem 0 5rem;background:linear-gradient(135deg, rgba(44, 95, 45, 0.05) 0%, rgba(151, 188, 98, 0.05) 100%)}.welcome-notes-section .greeting{font-size:1.2rem;font-style:italic;color:#333}.welcome-notes-section .welcome-cards-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:2.5rem;margin:0 auto}@media(max-width: 768px){.welcome-notes-section .welcome-cards-container{grid-template-columns:1fr;padding:0 1rem}}.welcome-notes-section .welcome-card{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:2rem;transition:all .3s ease-in-out;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.welcome-notes-section .welcome-card:hover{transform:translateX(-1px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.welcome-notes-section .welcome-card::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%}.welcome-notes-section .welcome-card.ceo-welcome::before{background:#d00000}.welcome-notes-section .welcome-card.hos-welcome::before{background:#000}.welcome-notes-section .welcome-card .welcome-header{text-align:center;margin-bottom:2rem}.welcome-notes-section .welcome-card .welcome-header h3{font-size:1.8rem;margin-bottom:1rem}.welcome-notes-section .welcome-card .welcome-content{flex-grow:1}.welcome-notes-section .welcome-card .welcome-content p{margin-bottom:1.5rem;font-size:1rem}.welcome-notes-section .welcome-card .read-more-btn{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.welcome-notes-section .welcome-card .read-more-btn:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.welcome-notes-section .welcome-card .read-more-btn:active{transform:translateY(-1px)}.welcome-notes-section .welcome-card .signature{margin-top:1rem;text-align:right}.welcome-notes-section .welcome-card .signature .name{font-weight:bold;color:#333;font-size:1.1rem}.welcome-notes-section .welcome-card .signature .credentials{font-size:.9rem;color:#333;font-style:italic}.ceo-welcome-page{padding:5rem 0;background:linear-gradient(135deg, rgba(44, 95, 45, 0.05) 0%, rgba(151, 188, 98, 0.05) 100%)}.ceo-welcome-page .ceo-welcome-container{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:2rem;transition:all .3s ease-in-out;max-width:1000px;margin:0 auto;padding:3rem}.ceo-welcome-page .ceo-welcome-container:hover{transform:translateX(-1px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.ceo-welcome-page .ceo-welcome-container .ceo-header{text-align:center;margin-bottom:3rem}.ceo-welcome-page .ceo-welcome-container .ceo-header h1{font-size:2.5rem;color:#d00000;margin-bottom:1rem}.ceo-welcome-page .ceo-welcome-container .ceo-header .greeting{font-size:1.3rem;color:#333;font-style:italic}.ceo-welcome-page .ceo-welcome-container .ceo-content p{margin-bottom:1.8rem;font-size:1rem;line-height:1.8}.ceo-welcome-page .ceo-welcome-container .ceo-signature{margin-top:3rem;text-align:right;border-top:1px solid #eee;padding-top:2rem}.ceo-welcome-page .ceo-welcome-container .ceo-signature .name{font-size:1.3rem;font-weight:bold;color:#d00000}.ceo-welcome-page .ceo-welcome-container .ceo-signature .credentials{font-size:1rem;color:#333;font-style:italic}.ceo-welcome-page .ceo-welcome-container .back-btn{display:inline-block;margin-top:2rem;padding:.8rem 2rem;background:#210f04;color:#fff;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease-in-out}.ceo-welcome-page .ceo-welcome-container .back-btn:hover{background:#000;transform:translateY(-3px)}.welcome-container{max-width:1200px;margin:0 auto;padding:2rem;color:#333;overflow:hidden}.header-section{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:linear-gradient(135deg, #2c3e50, #1a5276);color:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);transform-style:preserve-3d}.header-section.animate{opacity:1;transform:translateY(0)}.title{font-size:2.5rem;margin-bottom:.5rem;color:#f1c40f;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width: 768px){.title{font-size:1.8rem}}.subtitle{font-size:1.3rem;opacity:.9;margin-top:1rem}.content-section{line-height:1.8}.intro-paragraph{font-size:1rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(90deg, #f8f9fa 0%, #ffffff 100%);border-left:6px solid #1a5276;border-radius:0 12px 12px 0;box-shadow:0 5px 15px rgba(0,0,0,.05)}.intro-paragraph.animate{opacity:1;transform:translateX(0)}.problem-statement{font-size:1rem;margin:2.5rem 0;padding:2rem;background:linear-gradient(90deg, #fff8e1 0%, #ffffff 100%);border-left:6px solid #e74c3c;border-radius:0 12px 12px 0;box-shadow:0 5px 15px rgba(0,0,0,.05)}.problem-statement.animate{opacity:1;transform:translateX(0)}.solution-statement{font-size:1rem;margin:2.5rem 0;padding:2rem;background:linear-gradient(90deg, #e8f5e9 0%, #ffffff 100%);border-left:6px solid #2ecc71;border-radius:0 12px 12px 0;box-shadow:0 5px 15px rgba(0,0,0,.05)}.solution-statement.animate{opacity:1;transform:translateX(0)}.deliverables-section{margin:4rem 0}.deliverables-section h2{text-shadow:0 2px 5px rgba(0,0,0,.3)}.section-title{text-align:center;margin-bottom:3rem;color:#1a5276;font-size:2.2rem;position:relative;padding-bottom:1rem}.section-title.animate{opacity:1;transform:translateY(0)}.section-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:150px;height:4px;background:linear-gradient(90deg, #f1c40f, #e67e22);border-radius:2px}.deliverables-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2.5rem}.deliverable-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.1);text-align:center;border:1px solid rgba(0,0,0,.05);transform-style:preserve-3d}.deliverable-card.animate{opacity:1;transform:translateY(0) scale(1);box-shadow:0 10px 20px rgba(0,0,0,.1)}.deliverable-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.deliverable-card .icon-wrapper{margin-bottom:1.5rem;transition:all .3s ease;display:inline-block}.deliverable-card .icon-wrapper i{color:#1a5276;font-size:2rem}.deliverable-card .icon-wrapper:hover{transform:rotate(360deg) scale(1.1)}.deliverable-card h3{color:#1a5276;margin-bottom:1rem;font-size:1.5rem}.deliverable-card p{color:#555;line-height:1.6}.closing-statement{text-align:center;font-style:italic;margin-top:4rem;padding:2rem;background:linear-gradient(90deg, #f8f9fa 0%, #ffffff 100%);border-radius:16px;color:#1a5276;font-size:1rem;box-shadow:0 5px 15px rgba(0,0,0,.05)}.closing-statement.animate{opacity:1}.about-container{max-width:1200px;margin:0 auto;padding:2rem;color:#333}.about-header{text-align:center;margin-bottom:4rem;padding:2rem;background:linear-gradient(135deg, #2c3e50, #1a5276);color:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.about-header h1{font-size:2.5rem;margin-bottom:1rem;color:#f1c40f;text-shadow:0 2px 4px rgba(0,0,0,.3)}.about-header p{font-size:1.2rem;opacity:.9}.vision-mission-container section{margin-bottom:4rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.vision-mission-container section:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.vision-mission-container .section-header{display:flex;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(208,0,0,.2)}.vision-mission-container .section-header .icon-wrapper{width:50px;height:50px;background:rgba(208,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.vision-mission-container .section-header .icon-wrapper i{color:#d00000;font-size:1.5rem}.vision-mission-container .section-header h2{color:#1a5276;font-size:2rem;margin:0}.vision-mission-container .section-content p{font-size:1.1rem;line-height:1.8;color:#555}.vision-mission-container .vision-section{border-left:6px solid #f1c40f}.vision-mission-container .mission-section{border-left:6px solid #2ecc71}.vision-mission-container .values-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:2rem}.vision-mission-container .value-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(208,0,0,.1)}.vision-mission-container .value-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.vision-mission-container .value-card i{font-size:2.5rem;color:#d00000;margin-bottom:1.5rem;display:inline-block;transition:all .3s ease}.vision-mission-container .value-card h3{color:#1a5276;margin-bottom:1rem;font-size:1.4rem}.vision-mission-container .value-card p{color:#555;line-height:1.6}.vision-mission-container .value-card:hover i{transform:scale(1.2) rotate(10deg)}.careers-container{max-width:1400px;margin:0 auto;padding:0 2rem;overflow:hidden}.hero-section{background:linear-gradient(135deg, #1a5276, #2c3e50);color:#fff;padding:8rem 2rem;text-align:center;border-radius:0 0 20px 20px;margin-bottom:4rem;position:relative;overflow:hidden}.hero-section h1{font-size:4rem;margin-bottom:1rem;font-weight:700;line-height:1.2}@media(max-width: 768px){.hero-section h1{font-size:2.5rem}}.hero-section h1 span{color:#f1c40f}.hero-section p{font-size:1.5rem;opacity:.9;max-width:800px;margin:0 auto 2rem;font-weight:400}@media(max-width: 768px){.hero-section p{font-size:1.2rem}}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.hero-button{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.hero-button:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.hero-button:active{transform:translateY(-1px)}.highlight{color:#f1c40f}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:3rem;color:#1a5276;margin-bottom:1rem;line-height:1.2}@media(max-width: 768px){.section-header h2{font-size:2.2rem}}.section-header p{font-size:1.2rem;color:#555;max-width:700px;margin:0 auto}.careers-page{min-height:0 !important}.values-section{padding:2rem 0;background:#f8f9fa}.values-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.value-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,.05);text-align:center;transition:all .4s ease;border:1px solid rgba(0,0,0,.05)}.value-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.value-card h3{color:#1a5276;margin:1.5rem 0 1rem;font-size:1.5rem}.value-card p{color:#555;line-height:1.6}.value-letter{font-size:4rem;font-weight:bold;color:#f1c40f;margin-bottom:1rem;line-height:1}.value-icon{color:#1a5276;margin-bottom:1rem;font-size:2.5rem;transition:all .6s ease;display:inline-block}.benefits-section{padding:6rem 0;background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.benefit-card{background:#f8f9fa;border-radius:16px;padding:2rem;box-shadow:0 5px 15px rgba(0,0,0,.05);text-align:center;transition:all .4s ease;border:1px solid rgba(0,0,0,.05)}.benefit-card:hover{transform:translateY(-5px) scale(1.02)}.benefit-card h3{color:#1a5276;margin:1.5rem 0 1rem;font-size:1.3rem}.benefit-card p{color:#555;line-height:1.6;font-size:.95rem}.benefit-icon{color:#f1c40f;font-size:2rem;margin-bottom:1rem;transition:all .6s ease;display:inline-block}.challenge-section{background:linear-gradient(135deg, #1a5276, #2c3e50);padding:6rem 2rem;margin:4rem 0;color:#fff;position:relative;overflow:hidden}.challenge-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.challenge-content h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}@media(max-width: 768px){.challenge-content h2{font-size:2rem}}.challenge-text{max-width:800px;margin:0 auto}.challenge-text p{margin-bottom:1.5rem;line-height:1.8;font-size:1rem;opacity:.9}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:3rem;max-width:1200px;margin:0 auto}@media(max-width: 768px){.requirements-grid{grid-template-columns:1fr}}.requirements-list{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05)}.requirements-list h3{color:#1a5276;margin-bottom:1.5rem;font-size:1.5rem;border-bottom:2px solid #f1c40f;padding-bottom:.5rem;display:inline-block}.requirements-list ul{list-style:none;padding:0}.requirements-list li{margin-bottom:1rem;padding-left:2rem;position:relative;line-height:1.6;color:#555}.requirements-list li::before{content:"•";color:#f1c40f;font-size:2rem;position:absolute;left:0;top:-0.5rem}.application-section{text-align:center;padding:6rem 2rem;background:linear-gradient(135deg, #1a5276, #2c3e50);color:#fff;border-radius:20px;margin-bottom:4rem;position:relative;overflow:hidden}.application-section h2{font-size:2.5rem;margin-bottom:1rem}@media(max-width: 768px){.application-section h2{font-size:2rem}}.application-section p{font-size:1.3rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.application-section p a{color:#f1c40f;text-decoration:none;font-weight:bold}.application-section p a:hover{text-decoration:underline}@media(max-width: 768px){.application-section p{font-size:1.1rem}}.application-button{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.application-button:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.application-button:active{transform:translateY(-1px)}.history-container{max-width:1200px;margin:0 auto;padding:2rem;overflow:hidden}.history-header{text-align:center;margin-bottom:4rem;padding:2rem;background:linear-gradient(135deg, rgba(26, 82, 118, 0.1) 0%, rgba(241, 196, 15, 0.05) 100%);border-radius:16px}.history-header h1{color:#1a5276;font-size:3rem;margin-bottom:.5rem;background:linear-gradient(90deg, #1a5276, #f1c40f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@media(max-width: 768px){.history-header h1{font-size:2.2rem}}.history-header p{font-size:1.2rem;color:#555;font-weight:500}.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:70px}.timeline-line{position:absolute;left:40px;top:0;height:100%;width:6px;background:linear-gradient(to bottom, #1a5276, #f1c40f);transform-origin:top;border-radius:3px;z-index:1;transform:scaleY(0)}.timeline-items{position:relative;z-index:2}.timeline-item{position:relative;margin-bottom:4rem;display:flex;align-items:center;perspective:1000px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-70px;width:50px;height:50px;border-radius:50%;background:#1a5276;display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid #fff;box-shadow:0 4px 15px rgba(26,82,118,.3);z-index:3}.timeline-dot i{font-size:1.5rem;transition:all .6s ease}.timeline-content{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);flex:1;transform-style:preserve-3d;border:1px solid rgba(0,0,0,.05);transition:transform .3s ease}.timeline-content:hover{transform:translateY(-5px)}.timeline-content h3{color:#1a5276;margin-top:0;font-size:1.5rem;margin-bottom:1rem;position:relative;display:inline-block}.timeline-content h3::after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg, #f1c40f, #e67e22);border-radius:3px}.timeline-content p{color:#555;line-height:1.8;font-size:1rem}.staff-page,.careers-page{background-color:#f8f9fa;min-height:100vh;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.staff-header{background:linear-gradient(135deg, #1a5276 0%, #2c3e50 100%);color:#fff;text-align:center;padding:4rem 1rem;position:relative;overflow:hidden}.staff-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://www.transparenttextures.com/patterns/arabesque.png");opacity:.1}.staff-header h1{font-size:3rem;margin-bottom:1rem;position:relative;animation:fadeInDown .8s ease-out}@media(max-width: 768px){.staff-header h1{font-size:2.2rem}}.staff-header p{font-size:1.3rem;max-width:700px;margin:0 auto;opacity:.9;animation:fadeInUp .8s ease-out .2s forwards;opacity:0}.staff-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative}.department-filter{margin-bottom:3rem;text-align:center}.department-filter .filter-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.department-filter .tab{padding:.8rem 1.8rem;border-radius:50px;border:none;background:#f8f9fa;color:#333;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1)}@media(max-width: 768px){.department-filter .tab{padding:.4rem 1rem}}.department-filter .tab::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:#1a5276;transition:width .3s ease}.department-filter .tab:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.department-filter .tab.active{background:#1a5276;color:#fff;box-shadow:0 4px 15px rgba(26,82,118,.3)}.department-filter .tab.active::after{width:70%}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;perspective:1000px}.staff-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;transform-style:preserve-3d;cursor:pointer;padding-bottom:10px}.staff-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(26, 82, 118, 0.8) 0%, rgba(241, 196, 15, 0.6) 100%);opacity:0;transition:opacity .3s ease;z-index:1}.staff-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.15)}.staff-card:hover::before{opacity:1}.staff-card:hover .staff-info h3,.staff-card:hover .staff-info .position{color:#fff}.staff-card:hover .staff-info .bio{color:rgba(255,255,255,.9)}.staff-card:hover .view-more{opacity:1;bottom:0}.staff-card .staff-info{padding:1.5rem;position:relative;z-index:2}.staff-card .staff-info h3{margin:1.7rem 0 .5rem;color:#1a5276;font-size:1.5rem;transition:color .3s ease}.staff-card .staff-info .position{color:#f1c40f;font-weight:600;margin-bottom:1.5rem;font-size:1.1rem;display:inline-block;padding:.3rem .8rem;background:rgba(241,196,15,.1);border-radius:50px;transition:all .3s ease}.staff-card .staff-info .bio{color:#555;line-height:1.7;margin-bottom:1.5rem;transition:color .3s ease;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.staff-card .department-badge{position:absolute;top:10px;right:20px;padding:.5rem 1rem;border-radius:50px;background:#1a5276;color:#fff;font-weight:bold;font-size:.8rem;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:2;font-size:.7rem}.staff-card .department-badge.administration{background:#1a5276}.staff-card .department-badge.learning{background:#2ecc71}.staff-card .department-badge.leadership{background:#e67e22}.staff-card .department-badge.finance{background:#9b59b6}.staff-card .department-badge.residential{background:#3498db}.staff-card .department-badge.health{background:#e74c3c}.staff-card .department-badge.operations{background:#f1c40f;color:#333}.staff-card .view-more{position:absolute;bottom:-40%;padding:.3rem .8rem;background:#fff;color:#1a5276;border-radius:50px;font-weight:600;opacity:1;transition:all .3s ease .1s;box-shadow:0 5px 15px rgba(0,0,0,.1);z-index:2}.staff-card .view-more:hover{background:#1a5276;color:#fff}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.loading-overlay.active{opacity:1;pointer-events:all}.loading-overlay .loader{text-align:center}.loading-overlay .loader p{color:#fff;margin-top:1rem;font-size:1.2rem}.loading-overlay .loader-circle{display:inline-block;width:15px;height:15px;background:#fff;border-radius:50%;margin:0 5px;animation:bounce 1.4s infinite ease-in-out}.loading-overlay .loader-circle:nth-child(2){animation-delay:.2s}.loading-overlay .loader-circle:nth-child(3){animation-delay:.4s}.staff-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10001;opacity:0;pointer-events:none;transition:opacity .4s ease}.staff-overlay.active{opacity:1;pointer-events:all}.staff-overlay .overlay-content{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:3rem;position:relative;transform:scale(0.9);transition:transform .3s ease;box-shadow:0 20px 50px rgba(0,0,0,.3)}.staff-overlay.active .staff-overlay .overlay-content{transform:scale(1)}.staff-overlay .close-overlay{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#555;transition:color .3s ease}.staff-overlay .close-overlay:hover{color:#1a5276}.staff-overlay .staff-details h2{color:#1a5276;margin-bottom:1rem;font-size:2rem}.staff-overlay .staff-details .position{color:#f1c40f;font-weight:600;font-size:1.3rem;margin-bottom:1.5rem;display:inline-block;padding:.4rem 1rem;background:rgba(241,196,15,.1);border-radius:50px}.staff-overlay .staff-details .department{display:inline-block;padding:.4rem 1rem;background:#1a5276;color:#fff;border-radius:50px;font-size:.9rem;margin-left:1rem}.staff-overlay .staff-details .bio{color:#333;line-height:1.8;margin-bottom:2rem;font-size:1.1rem}.staff-overlay .staff-details .qualifications{margin-bottom:2rem}.staff-overlay .staff-details .qualifications h3{color:#1a5276;margin-bottom:1rem;font-size:1.3rem}.staff-overlay .staff-details .qualifications ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}.staff-overlay .staff-details .qualifications ul li{background:rgba(26,82,118,.1);color:#1a5276;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:500}.staff-overlay .staff-details .social-links{display:flex;flex-direction:column;gap:1rem}.staff-overlay .staff-details .social-links a{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;border-radius:50px;background:#f8f9fa;color:#333;transition:all .3s ease;text-decoration:none;width:fit-content}.staff-overlay .staff-details .social-links a i{font-size:1.2rem;width:24px;text-align:center}.staff-overlay .staff-details .social-links a:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.staff-overlay .staff-details .social-links a:hover.email{background:#d44638;color:#fff}.staff-overlay .staff-details .social-links a:hover.linkedin{background:#0077b5;color:#fff}.staff-overlay .staff-details .social-links a:hover.twitter{background:#1da1f2;color:#fff}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}}.sports-page{font-family:"Poppins",sans-serif;color:#333}.sports-hero{position:relative;height:80vh;min-height:600px;background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url("/static/images/gallery/football-stadium.jpg") center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;animation:fadeIn 1s ease-out}.sports-hero .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(26, 82, 118, 0.6) 0%, rgba(44, 62, 80, 0.8) 100%);z-index:1;opacity:.7}.sports-hero .hero-content{position:relative;z-index:2;color:#fff;max-width:800px;padding:0 2rem;transform:translateY(20px);animation:slideUp 1s ease-out .3s forwards;opacity:0}.sports-hero .hero-content .hero-title{font-size:3.5rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width: 768px){.sports-hero .hero-content .hero-title{font-size:2.5rem}}.sports-hero .hero-content .hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:.9}@media(max-width: 768px){.sports-hero .hero-content .hero-subtitle{font-size:1.2rem}}.sports-hero .hero-content .hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.sports-intro{padding:5rem 0;background:#f8f9fa;text-align:center}.sports-intro .container{max-width:800px}.sports-intro .container h2{color:#1a5276;margin-bottom:1.5rem;font-size:2.2rem}.sports-intro .container p{font-size:1.1rem;line-height:1.8;color:#555}.sports-grid{padding:5rem 0;background:#fff}.sports-grid .section-title{text-align:center;color:#1a5276;margin-bottom:3rem;font-size:2.2rem;position:relative}.sports-grid .section-title::after{content:"";display:block;width:80px;height:4px;background:#f1c40f;margin:1rem auto 0}.sports-grid .sports-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;perspective:1000px}.sport-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;transform-style:preserve-3d;cursor:pointer}.sport-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px rgba(0,0,0,.15)}.sport-card:hover .sport-image{transform:scale(1.05)}.sport-card:hover .sport-info h3{color:#1a5276}.sport-card .sport-image{height:200px;overflow:hidden;transition:transform .8s ease}.sport-card .sport-image img{width:100%;height:100%;object-fit:cover}.sport-card .sport-info{padding:1.5rem}.sport-card .sport-info h3{color:#2c3e50;margin:0 0 .5rem;font-size:1.4rem;transition:color .3s ease}.sport-card .sport-info p{color:#555;line-height:1.6;margin-bottom:1rem}.sport-card .sport-info .sport-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.sport-card .sport-info .sport-features span{background:rgba(26,82,118,.1);color:#1a5276;padding:.3rem .8rem;border-radius:50px;font-size:.8rem;font-weight:500}.sports-gallery{padding:5rem 0;background:#f8f9fa}.sports-gallery .gallery-filter{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2rem}.sports-gallery .gallery-filter .filter-btn{padding:.6rem 1.2rem;border-radius:50px;border:none;background:#f8f9fa;color:#333;font-weight:500;cursor:pointer;transition:all .3s ease}.sports-gallery .gallery-filter .filter-btn.active{background:#1a5276;color:#fff}.sports-gallery .gallery-filter .filter-btn:hover{transform:translateY(-2px)}.sports-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1.5rem}@media(max-width: 768px){.sports-gallery .gallery-grid{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}}.gallery-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;height:250px}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.gallery-item .gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(26,82,118,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item .gallery-overlay i{color:#fff;font-size:2rem}.gallery-item .gallery-caption{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:linear-gradient(transparent, rgba(0, 0, 0, 0.7));color:#fff;font-weight:500}.gallery-item .gallery-caption .sport-tag{display:inline-block;padding:.3rem .8rem;background:#f1c40f;color:#333;border-radius:50px;font-size:.7rem;font-weight:600;margin-bottom:.5rem}.gallery-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .4s ease}.gallery-lightbox.active{opacity:1;pointer-events:all}.gallery-lightbox .lightbox-content{position:relative;max-width:90%;max-height:90vh}.gallery-lightbox .lightbox-content .lightbox-img{max-height:80vh;max-width:100%;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.gallery-lightbox .lightbox-content .lightbox-caption{color:#fff;text-align:center;margin-top:1rem;font-size:1.1rem}.gallery-lightbox .lightbox-content .close-lightbox{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;transition:color .3s ease;z-index:10000}.gallery-lightbox .lightbox-content .close-lightbox:hover{color:#f1c40f}.gallery-lightbox .lightbox-content .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.gallery-lightbox .lightbox-content .lightbox-nav:hover{background:rgba(255,255,255,.3)}.gallery-lightbox .lightbox-content .lightbox-nav.prev{left:-70px}@media(max-width: 768px){.gallery-lightbox .lightbox-content .lightbox-nav.prev{left:10px}}.gallery-lightbox .lightbox-content .lightbox-nav.next{right:-70px}@media(max-width: 768px){.gallery-lightbox .lightbox-content .lightbox-nav.next{right:10px}}.sports-cta{padding:4rem 0;background:linear-gradient(135deg, #1a5276 0%, #2c3e50 100%);color:#fff;text-align:center}.sports-cta h2{font-size:2.2rem;margin-bottom:1rem}@media(max-width: 768px){.sports-cta h2{font-size:1.8rem}}.sports-cta p{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.9}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading,.no-images{grid-column:1/-1;text-align:center;padding:2rem;color:#555;font-size:1.2rem}@media(max-width: 992px){.sports-hero{height:70vh;min-height:500px}.sport-card .sport-info{padding:1.2rem}}@media(max-width: 768px){.sports-hero{height:60vh;min-height:400px}.sports-hero .hero-title{font-size:2.2rem}.sports-hero .hero-subtitle{font-size:1.1rem}.sports-intro,.sports-grid,.sports-gallery{padding:3rem 0}.gallery-item{height:200px}}.visit-container{max-width:1200px;margin:0 auto;padding:2rem}.visit-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .8s ease-out}.visit-header h1{font-size:2.5rem;color:#1a5276;margin-bottom:1rem;background:linear-gradient(90deg, #1a5276, #dced31);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.visit-header p{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto}.visit-form-container{display:flex;flex-wrap:wrap;gap:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden}.visit-image{flex:1;min-width:300px;background:url("/static/images/visit-hero.jpg") center/cover no-repeat}.visit-form{flex:1;min-width:300px;padding:2.5rem}.visit-form .form-group{margin-bottom:1.5rem}.visit-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#210f04}.visit-form .form-group .form-control{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;transition:all .3s ease}.visit-form .form-group .form-control:focus{outline:none;border-color:#1a5276;box-shadow:0 0 0 3px rgba(26,82,118,.1)}.visit-form .form-group .form-control.is-invalid{border-color:#e74c3c}.visit-form .form-group .invalid-feedback{color:#e74c3c;font-size:.8rem;margin-top:.25rem;display:none}.visit-form .form-group .primary-button{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;width:100%}.visit-form .form-group .primary-button:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.visit-form .form-group .primary-button:active{transform:translateY(-1px)}.visit-form .form-row{display:flex;gap:1rem}.visit-form .form-row .form-group{flex:1}@media(max-width: 768px){.visit-form .form-row{flex-direction:column;gap:0}}.visit-form .g-recaptcha{margin-bottom:1.5rem}.visit-message{padding:1.5rem;border-radius:8px;border-left:4px solid;margin-bottom:2rem;animation:fadeIn .5s ease-out}.visit-message h3{margin-bottom:.5rem}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);animation:fadeIn .3s}.modal-content{background-color:#fefefe;margin:15% auto;padding:2rem;border-radius:8px;max-width:500px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative;border-left:4px solid #e74c3c}.modal .close-modal{position:absolute;right:1rem;top:1rem;color:#aaa;font-size:1.5rem;font-weight:bold;cursor:pointer}.modal .close-modal:hover{color:#333}.toast{display:none;position:fixed;bottom:2rem;right:2rem;z-index:9999;background-color:#2ecc71;color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);animation:slideIn .5s,fadeOut .5s 4.5s;max-width:400px}.toast-content{display:flex;align-items:center;padding:1.5rem;position:relative}.toast-content i{font-size:2rem;margin-right:1rem}.toast-content .message h3{margin-bottom:.5rem}.toast .close-toast{position:absolute;right:1rem;top:1rem;color:rgba(255,255,255,.7);font-size:1.2rem;font-weight:bold;cursor:pointer}.toast .close-toast:hover{color:#fff}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.visit-info{margin-top:2rem;padding:1.5rem;background:rgba(26,82,118,.05);border-radius:8px;border-left:4px solid #1a5276}.visit-info h3{color:#1a5276;margin-bottom:.5rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 768px){.visit-header h1{font-size:2rem}.visit-form{padding:1.5rem}}.requirements-procedures-container{max-width:800px;margin:0 auto;padding:3rem 1rem;background:#f8f9fa;min-height:100vh}@media(max-width: 768px){.requirements-procedures-container{padding:2rem 1rem}}.header{text-align:center;margin-bottom:3rem}.header h1{color:#1a5276;font-size:2.8rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease-in-out}@media(max-width: 768px){.header h1{font-size:2rem}}.header p{font-size:1.2rem;color:#555;font-weight:400;max-width:600px;margin:0 auto}.requirements-section{margin-bottom:3.5rem}.requirements-section .requirements-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease-in-out}.requirements-section .requirements-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.requirements-section .requirements-card h2{color:#1a5276;font-size:1.8rem;margin-top:0;margin-bottom:1.5rem;display:flex;align-items:center;gap:.8rem}.requirements-section .requirements-card h2 i{color:#f1c40f}.requirements-section .requirements-card .requirements-content p{color:#555;line-height:1.6;margin-bottom:1rem;font-size:1.1rem}.requirements-section .requirements-card .requirements-content p strong{color:#1a5276;font-weight:700}.steps-container{position:relative;padding-left:60px;margin-bottom:3rem}.steps-container::before{content:"";position:absolute;left:25px;top:0;bottom:0;width:4px;background:linear-gradient(to bottom, #1a5276, #f1c40f);border-radius:2px}@media(max-width: 768px){.steps-container{padding-left:50px}.steps-container::before{left:20px}}.step{position:relative;margin-bottom:2rem;display:flex;transition:all .3s ease-in-out}.step:hover{transform:translateY(-5px)}.step:hover .step-content{box-shadow:0 8px 20px rgba(0,0,0,.15)}.step-number{position:absolute;left:-50px;width:40px;height:40px;border-radius:50px;background:#1a5276;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease-in-out}.step-number:hover{transform:scale(1.1);background:#2c3e50}@media(max-width: 768px){.step-number{left:-40px;width:35px;height:35px;font-size:1rem}}.step-content{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);flex:1;transition:all .3s ease-in-out}.step-content h3{display:flex;align-items:center;gap:.8rem;color:#1a5276;font-size:1.4rem;font-weight:500;margin-top:0;margin-bottom:.8rem}.step-content h3 i{font-size:1.4rem;color:#f1c40f;transition:all .3s ease-in-out}.step-content h3 i:hover{transform:rotate(360deg)}.step-content p{color:#555;line-height:1.6;margin-bottom:1rem;font-size:1rem}.step-content ul{margin:1rem 0;padding-left:1.5rem}.step-content ul li{margin-bottom:.5rem;color:#555;line-height:1.5}.step-content .download-link{display:inline-flex;align-items:center;gap:.5rem;color:#1a5276;font-weight:500;text-decoration:none;padding:.5rem 1rem;border-radius:4px;background-color:rgba(26,82,118,.1);transition:all .3s ease-in-out}.step-content .download-link:hover{background-color:rgba(26,82,118,.2);color:#2c3e50}.step-content .download-link i{font-size:1.2rem}.action-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.action-buttons .download-btn{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.action-buttons .download-btn:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.action-buttons .download-btn:active{transform:translateY(-1px)}.action-buttons .contact-btn{padding:1rem;background:transparent;color:#fff;border:2px solid #f1c40f;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;color:#1a2a3a}.action-buttons .contact-btn:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:rgba(0,0,0,.1)}.action-buttons .contact-btn:active{transform:translateY(-1px)}@media(max-width: 768px){.action-buttons{flex-direction:column;gap:1rem}.action-buttons .action-btn{width:100%;justify-content:center}}.important-notes{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #e74c3c;transition:all .3s ease-in-out}.important-notes:hover{box-shadow:0 8px 20px rgba(0,0,0,.15)}.important-notes h3{color:#1a5276;font-size:1.4rem;font-weight:500;margin-top:0;margin-bottom:1rem}.important-notes ul{padding-left:1.5rem;list-style:square}.important-notes li{color:#333;margin-bottom:.5rem;line-height:1.6;font-size:1rem}.fees-container{max-width:1000px;margin:0 auto;padding:3rem 1rem;background:#f8f9fa;min-height:100vh;overflow:hidden}@media(max-width: 768px){.fees-container{padding:2rem 1rem}}.header{text-align:center;margin-bottom:3rem}.header h1{font-size:2.8rem;font-weight:700;background:linear-gradient(90deg, #1a5276, #f1c40f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}@media(max-width: 768px){.header h1{font-size:2.2rem}}.header p{font-size:1.3rem;color:#555;font-weight:500;max-width:600px;margin:0 auto}.fee-structure{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:3rem}@media(max-width: 768px){.fee-structure{grid-template-columns:1fr}}.fee-category{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:2rem;border:1px solid rgba(0,0,0,.05);transition:all .3s ease-in-out}.fee-category:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.category-header{display:flex;align-items:center;gap:1rem;color:#1a5276;border-bottom:2px solid #f1c40f;padding-bottom:.5rem;margin-bottom:1.5rem}.category-header i{font-size:1.5rem;color:#f1c40f;transition:all .3s ease-in-out}.category-header i:hover{transform:rotate(360deg);scale:1.2}.category-header h2{margin:0;font-size:1.5rem;font-weight:500}.fee-item{display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #eee;transition:all .3s ease-in-out}.fee-item:hover{background:#fefefe;border-radius:4px}.fee-item span{color:#333;font-weight:500;font-size:1rem}.price-tag{color:#1a5276;font-weight:700;background:rgba(241,196,15,.2);padding:.3rem .6rem;border-radius:4px;font-size:.9rem}.fee-note{font-size:.9rem;color:#777;margin:0;font-style:italic}.value-money-section{margin:3rem 0}.value-money-section .value-money-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;display:flex;transition:all .3s ease-in-out;border-left:4px solid #f1c40f}.value-money-section .value-money-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}@media(max-width: 768px){.value-money-section .value-money-card{flex-direction:column}}.value-money-section .value-money-icon{background:linear-gradient(135deg, #f1c40f, #c29d0b);color:#fff;width:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}@media(max-width: 768px){.value-money-section .value-money-icon{width:100%;padding:1.5rem}}.value-money-section .value-money-content{padding:2rem;flex:1}.value-money-section .value-money-content h3{color:#1a5276;font-size:1.8rem;margin-top:0;margin-bottom:1.5rem;font-weight:700}.value-money-section .value-money-content p{color:#333;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.value-money-section .value-money-content p strong{color:#1a5276;font-weight:700}.value-money-section .value-money-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.value-money-section .value-money-list li{display:flex;align-items:center;gap:.7rem;color:#333;font-size:1rem;padding:.5rem 0}.value-money-section .value-money-list li i{color:#2ecc71;font-size:1.2rem}@media(max-width: 576px){.value-money-section .value-money-list{grid-template-columns:1fr}}.payment-info{background:#f8f9fa;padding:2rem;border-radius:8px;border-left:4px solid #2ecc71;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease-in-out}.payment-info:hover{box-shadow:0 8px 20px rgba(0,0,0,.15)}.payment-info h3{color:#1a5276;font-size:1.5rem;font-weight:500;margin-top:0;margin-bottom:1rem}.payment-info p{line-height:1.8;color:#333;margin-bottom:1rem;font-size:1rem}.payment-info p strong{font-weight:700}.blog-container,.all-events-section{max-width:1400px;margin:0 auto;padding:3rem 1rem;background:#f8f9fa;min-height:100vh}@media(max-width: 768px){.blog-container,.all-events-section{padding:2rem 1rem}}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.blog-header h1{font-size:3rem;font-weight:700;background:linear-gradient(90deg, #1a5276, #f1c40f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width: 768px){.blog-header h1{font-size:2.2rem}}.blog-posts{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:2rem}@media(max-width: 768px){.blog-posts{grid-template-columns:1fr}}.blog-post-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05);transition:all .3s ease-in-out}.blog-post-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.blog-post-card:hover .post-image img{transform:scale(1.05)}.post-image{height:220px;position:relative;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.category-badge{position:absolute;top:15px;right:15px;padding:.4rem .8rem;border-radius:50px;background:#f1c40f;color:#1a5276;font-weight:700;font-size:.8rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.post-content{padding:1.8rem}.post-content h2{font-size:1.6rem;font-weight:700;margin-bottom:.8rem;color:#1a5276;line-height:1.3}.post-content p{font-size:1rem;color:#7b9ea8;line-height:1.6;margin-bottom:1.5rem}.post-meta{font-size:.9rem;color:#e67e22;margin-bottom:1rem;display:flex;justify-content:space-between;font-style:italic}@media(max-width: 768px){.post-meta{flex-direction:column;gap:.5rem}}.read-more{display:flex;align-items:center;gap:1rem;gap:.3rem;color:#1a5276;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.read-more:hover{transform:translateX(5px);color:#f1c40f}.pagination{margin-top:3rem;text-align:center}.pagination ul{display:flex;justify-content:center;gap:.5rem;list-style:none;padding:0}.pagination li{display:inline-block}.pagination .pagination-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#1a5276;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease-in-out}.pagination .pagination-link:hover:not(.disabled){background:#f1c40f;color:#fff;transform:scale(1.1)}.pagination .pagination-link.active{background:#1a5276;color:#fff;cursor:default}.pagination .pagination-link.disabled{color:#e67e22;cursor:not-allowed;background:transparent}.blog-detail-container{max-width:800px;margin:0 auto;padding:3rem 1rem;background:#f8f9fa;min-height:100vh}@media(max-width: 768px){.blog-detail-container{padding:2rem 1rem}}.blog-detail-header{text-align:center;margin-bottom:2rem}.blog-detail-header .category-badge{display:inline-block;padding:.4rem .8rem;border-radius:50px;background:#f1c40f;color:#1a5276;font-weight:700;font-size:.8rem;margin-bottom:1rem}.blog-detail-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg, #1a5276, #f1c40f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}@media(max-width: 768px){.blog-detail-header h1{font-size:2rem}}.blog-detail-header .post-meta{font-size:.9rem;color:#e67e22;display:flex;align-items:center;gap:1rem;justify-content:center;gap:1rem}@media(max-width: 768px){.blog-detail-header .post-meta{flex-direction:column;gap:.5rem}}.blog-detail-image{margin-bottom:2rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease-in-out;height:500px}.blog-detail-image:hover{transform:scale(1.02);box-shadow:0 10px 20px rgba(0,0,0,.1)}.blog-detail-image img{width:100%;height:auto;display:block;object-fit:cover}.blog-detail-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);line-height:1.8;color:#333;font-size:1rem}.blog-detail-content p{margin-bottom:1rem}@media(max-width: 768px){.blog-detail-content{padding:1.5rem}}.back-link{display:inline-flex;align-items:center;color:#1a5276;font-weight:500;text-decoration:none;margin-top:2rem;transition:all .3s ease-in-out}.back-link:hover{color:#f1c40f;transform:translateX(-5px)}.contact-container{max-width:1400px;margin:0 auto;padding:0 2rem;overflow:hidden}.contact-hero{background:linear-gradient(135deg, #1a5276, #154360);color:#fff;padding:6rem 2rem;text-align:center;border-radius:0 0 20px 20px;margin-bottom:4rem;position:relative;overflow:hidden}.contact-hero .hero-content{max-width:1200px;margin:0 auto}.contact-hero .hero-content h1{font-size:4rem;margin-bottom:1rem;font-weight:700;line-height:1.2}@media(max-width: 768px){.contact-hero .hero-content h1{font-size:2.5rem}}.contact-hero .hero-content p{font-size:1.5rem;opacity:.9;max-width:800px;margin:0 auto;font-weight:400}@media(max-width: 768px){.contact-hero .hero-content p{font-size:1.2rem}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3rem;max-width:1200px;margin:0 auto 4rem}.contact-grid .contact-form{grid-column:1/-1}.contact-info{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);height:36rem}.contact-info h2{color:#1a5276;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1c40f}.contact-info .contact-item{display:flex;gap:1.5rem;margin-bottom:1rem}.contact-info .contact-item h3{color:#1a5276;font-size:1.2rem;margin-bottom:.5rem}.contact-info .contact-item p{color:#555;line-height:1.5}.contact-info .contact-item .contact-icon{color:#f1c40f;font-size:1.5rem;margin-top:.3rem}.contact-map{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);height:36rem}.contact-map h2{color:#1a5276;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1c40f}.contact-map .map-container{height:400px;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1)}.contact-form{background:#fff;border-radius:8px;padding:2.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);margin-bottom:4rem}.contact-form h2{color:#1a5276;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1c40f}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a5276}.contact-form .form-group .form-control{width:100%;padding:.8rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.contact-form .form-group .form-control:focus{outline:none;border-color:#1a5276;box-shadow:0 0 0 2px rgba(26,82,118,.2)}.contact-form .form-group textarea.form-control{resize:vertical}.contact-form .form-group .form-error{color:#e3342f;font-size:.9rem;margin-top:.5rem;display:block}.contact-form .submit-button{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.contact-form .submit-button:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.contact-form .submit-button:active{transform:translateY(-1px)}.login-page{display:flex;min-height:100vh;background:linear-gradient(135deg, rgba(26, 82, 118, 0.1) 0%, rgba(241, 196, 15, 0.05) 100%);padding:2rem;align-items:center;justify-content:center}.login-container{width:100%;max-width:480px}.login-card{background:#fff;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.1);padding:3rem;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{font-size:2.2rem;color:#1a5276;margin-bottom:.5rem;background:linear-gradient(90deg, #1a5276, #dced31);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:#555;font-size:1rem}.flash-messages{margin:1.5rem 0}.flash-messages .flash-message{padding:.8rem 1rem;border-radius:8px;margin-bottom:.5rem;font-size:.9rem}.flash-messages .flash-message.success{background:rgba(1,142,66,.1);border-left:4px solid #018e42;color:#00421f}.flash-messages .flash-message.danger{background:rgba(208,0,0,.1);border-left:4px solid #d00000;color:#840000}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#210f04;font-size:.95rem}.login-form .form-group input{width:100%;padding:.9rem 1.2rem;border:1px solid #f8f9fa;border-radius:8px;font-size:1rem;transition:all .3s ease;background:rgba(248,249,250,.3)}.login-form .form-group input:focus{outline:none;border-color:#1a5276;box-shadow:0 0 0 3px rgba(26,82,118,.1);background:#fff}.login-form .form-group input::placeholder{color:#888}.login-form .form-group .error-message{color:#e74c3c;font-size:.85rem;margin-top:.5rem;height:1rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 1.5rem}.form-options .remember-me{display:flex;align-items:center}.form-options .remember-me input[type=checkbox]{margin-right:.5rem;width:1.1rem;height:1.1rem;accent-color:#1a5276}.form-options .remember-me label{font-size:.9rem;color:#555;cursor:pointer}.form-options .forgot-password{color:#555;font-size:.9rem;text-decoration:none;transition:color .2s ease}.form-options .forgot-password:hover{color:#1a5276}.login-btn{width:100%;padding:1rem;background:linear-gradient(135deg, #1a5276 0%, #2c3e50 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-btn:hover{background:linear-gradient(135deg, #2c3e50 0%, #1a5276 100%);transform:translateY(-2px);box-shadow:0 10px 20px rgba(26,82,118,.2)}.login-btn:disabled{background:#f8f9fa;cursor:not-allowed;transform:none;box-shadow:none}.login-btn:disabled .btn-text{opacity:.7}.login-btn .btn-text{position:relative;z-index:1}.login-btn .spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:10px;display:none}.login-btn:disabled .login-btn .spinner{display:block}.login-footer{text-align:center;margin-top:2rem;color:#555;font-size:.95rem}.login-footer a{color:#1a5276;font-weight:500;text-decoration:none;transition:color .2s ease}.login-footer a:hover{color:#2c3e50;text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.interview-section{padding:4rem 0;background-color:#cee5f4}.interview-section .interview-card{display:flex;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease-in-out}.interview-section .interview-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.interview-section .interview-card .interview-image{flex:0 0 40%}.interview-section .interview-card .interview-image img{width:100%;height:100%;object-fit:cover;display:block}.interview-section .interview-card .interview-content{flex:1;padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.interview-section .interview-card .interview-content h2{color:#1a5276;font-size:1.8rem;margin-bottom:1.5rem;font-weight:700}.interview-section .interview-card .interview-content .excerpt{color:#555;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.interview-section .interview-card .interview-content .read-more-btn{padding:1rem;background:linear-gradient(90deg, #f1c40f, #e67e22);color:#1a2a3a;border:none;border-radius:6px;font-weight:600;font-size:1.01rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.interview-section .interview-card .interview-content .read-more-btn:hover{transform:translateY(-3px);transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.3);background:linear-gradient(90deg, #e67e22, #f1c40f)}.interview-section .interview-card .interview-content .read-more-btn:active{transform:translateY(-1px)}@media(max-width: 992px){.interview-section{padding:3rem 0}.interview-section .interview-card{flex-direction:column}.interview-section .interview-card .interview-image{flex:0 0 auto;height:250px}.interview-section .interview-card .interview-content{padding:2rem}.interview-section .interview-card .interview-content h2{font-size:1.5rem}}@media(max-width: 768px){.interview-section{padding:2rem 0}.interview-section .interview-card .interview-content{padding:1.5rem}.interview-section .interview-card .interview-content h2{font-size:1.3rem}.interview-section .interview-card .interview-content .read-more-btn{align-self:stretch;text-align:center}}.interview-page{background-color:#f8f9fa;padding-bottom:4rem}.interview-page .interview-header{background:linear-gradient(135deg, #1a5276, #2c3e50);color:#fff;padding:4rem 0 3rem;text-align:center;margin-bottom:3rem}.interview-page .interview-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.interview-page .interview-header .meta{font-size:1.1rem;opacity:.9;margin-bottom:2rem}.interview-page .interview-header .download-btn{display:inline-flex;align-items:center;background-color:#f1c40f;color:#333;padding:.8rem 1.5rem;border-radius:50px;font-weight:500;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 4px 12px rgba(0,0,0,.1)}.interview-page .interview-header .download-btn:hover{background-color:#c29d0b;transform:translateY(-2px)}.interview-page .interview-header .download-btn i{margin-right:.5rem}.interview-page .interview-content{max-width:900px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.interview-page .interview-content .interview-image img{width:100%;height:auto;display:block}.interview-page .interview-content .interview-body{padding:2.5rem}.interview-page .interview-content .interview-body .highlight-quote{background-color:#f9e8a0;border-left:4px solid #f1c40f;padding:1.5rem;margin:2rem 0;font-style:italic}.interview-page .interview-content .interview-body .highlight-quote p{font-size:1.2rem;margin-bottom:.5rem;color:#333}.interview-page .interview-content .interview-body .highlight-quote footer{font-weight:700;color:#1a5276}.interview-page .interview-content .interview-body .interview-qna .question{margin:2rem 0 1rem}.interview-page .interview-content .interview-body .interview-qna .question h3{color:#1a5276;font-size:1.3rem}.interview-page .interview-content .interview-body .interview-qna .answer p{margin-bottom:1rem;line-height:1.6}.interview-page .interview-content .interview-footer{text-align:center;padding:2rem;border-top:1px solid rgba(44,62,80,.1)}.interview-page .interview-content .interview-footer .download-btn{margin-top:1rem}@media(max-width: 768px){.interview-page .interview-header{padding:3rem 0 2rem}.interview-page .interview-header h1{font-size:2rem}.interview-page .interview-content .interview-body{padding:1.5rem}.interview-page .interview-content .interview-body .highlight-quote{padding:1rem;margin:1.5rem 0}.interview-page .interview-content .interview-body .interview-qna .question h3{font-size:1.1rem}}@media(max-width: 768px){.login-page{padding:1rem}.login-card{padding:2rem}.login-header h1{font-size:1.8rem}.form-options{flex-direction:column;align-items:flex-start;gap:.5rem}.form-options .forgot-password{margin-top:.5rem}}.error-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;color:#333;font-family:"Poppins",sans-serif;text-align:center}.error-container.server-error{background:linear-gradient(135deg, #d62c1a 0%, #e74c3c 100%)}.error-content{max-width:800px;padding:3rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 15px 30px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2)}.error-icon{position:relative;margin:0 auto 3rem;width:120px;height:120px}.error-icon i{font-size:5rem;position:relative;z-index:2;color:#f1c40f}.error-icon-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(241,196,15,.2);border-radius:50%;z-index:1}.error-icon-bg.pulse{animation:pulse 2s infinite}h1{font-size:2.5rem;margin-bottom:1.5rem;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.3)}.error-text{font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.search-box{max-width:500px;margin:2rem auto}.search-box form{display:flex}.search-box form input{flex:1;padding:.8rem 1.2rem;border:none;border-radius:50px 0 0 50px;font-size:1rem}.search-box form input:focus{outline:none;box-shadow:0 0 0 2px #f1c40f}.search-box form button{background:#f1c40f;color:#2c3e50;border:none;padding:0 1.5rem;border-radius:0 50px 50px 0;cursor:pointer;transition:all .3s ease-in-out}.search-box form button:hover{background:#c29d0b}.search-box form button i{font-size:1.2rem}.suggestions{margin-top:3rem}.suggestions p{margin-bottom:1rem;font-size:1.1rem}.suggestions-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.suggestions-links a{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;padding:.8rem 1.5rem;background:rgba(255,255,255,.1);border-radius:50px;transition:all .3s ease-in-out}.suggestions-links a:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}.suggestions-links a i{font-size:.9rem}.error-actions{display:flex;justify-content:center;gap:1.5rem;margin:3rem 0}.error-actions .btn{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 2rem;border-radius:50px;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.error-actions .btn-primary{background:#f1c40f;color:#2c3e50}.error-actions .btn-primary:hover{background:#c29d0b;transform:translateY(-3px)}.error-actions .btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}.error-actions .btn-secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}.error-actions .btn i{font-size:.9rem}.tech-details{margin-top:2rem}.tech-details .tech-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;opacity:.8;transition:all .3s ease-in-out}.tech-details .tech-toggle:hover{opacity:1}.tech-details .tech-toggle i{margin-right:.5rem}.tech-details .tech-content{display:none;margin-top:1rem;padding:1rem;background:rgba(0,0,0,.2);border-radius:6px;text-align:left;font-family:monospace;font-size:.9rem}.tech-details .tech-content p{margin-bottom:.5rem}@keyframes pulse{0%{transform:scale(0.95);opacity:.7}50%{transform:scale(1);opacity:.3}100%{transform:scale(0.95);opacity:.7}}@media(max-width: 768px){.error-content{padding:2rem 1.5rem}h1{font-size:2rem}.error-text{font-size:1rem}.suggestion-links,.error-actions{flex-direction:column;gap:1rem}.search-box form{flex-direction:column}.search-box form input{border-radius:50px}.search-box form button{border-radius:50px;margin-top:.5rem;padding:.8rem}}@media(max-width: 992px){.hero-carousel{height:70vh}.hero-carousel .carousel-content h1{font-size:2.5rem}.hero-carousel .carousel-content p{font-size:1.1rem}.navbar .navbar-collapse{order:3;width:100%;margin-top:1rem}.navbar .navbar-collapse .navbar-nav{flex-direction:column;gap:0}.navbar .navbar-collapse .navbar-nav .nav-item{width:100%;margin:.25rem 0}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link{padding:.75rem 1rem}.staff-card .view-more{opacity:1;bottom:0}}@media(max-width: 768px){.hero-carousel{height:70vh}.hero-carousel .carousel-content h1{font-size:2rem}.hero-carousel .carousel-content p{font-size:1rem}.hero-carousel .carousel-content .btn{padding:.5rem 1rem;min-width:120px;font-size:.9rem}.about-header{padding:1.5rem}.about-header h1{font-size:2rem}.vision-mission-container .section-header{flex-direction:column;text-align:center}.vision-mission-container .section-header .icon-wrapper{margin-right:0;margin-bottom:1rem}.timeline{padding-left:50px}.timeline-dot{left:-50px;width:40px;height:40px}.timeline-dot i{font-size:1.2rem}.timeline-content{padding:1.5rem}.timeline-content h3{font-size:1.3rem}.timeline-content p{font-size:1rem}.staff-grid{grid-template-columns:1fr}.staff-overlay .overlay-content{padding:2rem 1.5rem;width:95%}.staff-card .staff-info{padding:1.5rem}.staff-card .staff-info h3{font-size:1.3rem}.staff-card .staff-info .bio{-webkit-line-clamp:4;line-clamp:4}.staff-card .department-badge{font-size:.7rem;padding:.4rem .8rem}.staff-overlay .overlay-content{padding:2rem 1.5rem}.staff-overlay .overlay-content .staff-details h2{font-size:1.5rem}.staff-overlay .overlay-content .staff-details .position,.staff-overlay .overlay-content .staff-details .department{font-size:1rem}}@media(max-width: 576px){.hero-carousel{height:60vh}.hero-carousel .carousel-content h1{font-size:1.5rem}.hero-carousel .carousel-content p{font-size:.9rem;margin-bottom:1rem}.hero-carousel .carousel-content .btn{display:block;width:80%;margin:.5rem auto}}