@import"https://fonts.googleapis.com/css2?family=Times+New+Roman&display=swap";:root{--primary-red: #8E0505;--primary-red-hover: #A90606;--primary-dark: #0A0A0A;--neutral-dark: #121212;--surface-dark: #1E1E1E;--text-primary: #FFFFFF;--text-secondary: #AAAAAA;--accent-gold: #D4AF37;--glass-bg: rgba(10, 10, 10, .8);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--neutral-dark);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,div,img,section{border-radius:0!important}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width:768px){.container{padding:0 15px}html{font-size:90%}.section-title{font-size:2rem}}.btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-hover) 100%);color:var(--text-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8e050566;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8e050599;background:linear-gradient(135deg,var(--primary-red-hover) 0%,var(--primary-red) 100%);color:var(--text-primary)}.btn-outline{background:#fff;color:var(--primary-red);border:2px solid var(--text-primary)}.btn-outline:hover{background-color:var(--primary-red);color:var(--text-primary)}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;border-left:5px solid var(--primary-red);padding-left:15px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-in-out}.popup-content{position:relative;max-width:90%;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:scaleUp .3s ease-in-out}.popup-image-container{max-height:80vh;overflow:hidden;border:2px solid var(--primary-red);box-shadow:0 0 20px #8e050580}.popup-image{max-width:100%;max-height:80vh;object-fit:contain;display:block}.popup-close-btn{position:absolute;top:-40px;right:-10px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:transform .2s;z-index:0}.popup-close-btn:hover{transform:scale(1.2) rotate(90deg);color:var(--primary-red)}.popup-next-btn{margin-top:15px;background:var(--primary-red);color:#fff;border:none;padding:10px 20px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .3s;text-transform:uppercase;letter-spacing:1px}.popup-next-btn:hover{background:var(--primary-red-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.navbar{background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:90px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;position:sticky;top:0;z-index:999;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.navbar-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.navbar-logo{color:var(--text-primary);justify-self:start;cursor:pointer;text-decoration:none;font-weight:700;display:flex;align-items:center}.navbar-logo img{height:80px;width:auto;object-fit:contain}.menu-icon{display:none}.nav-menu{display:grid;grid-template-columns:repeat(5,auto);grid-gap:10px;list-style:none;text-align:center;width:70vw;justify-content:end;margin-right:2rem}.nav-item{height:80px;display:flex;align-items:center}.nav-links{color:var(--text-primary);display:flex;align-items:center;text-decoration:none;padding:.5rem 1.5rem;height:100%;font-weight:500;transition:all .3s ease;letter-spacing:.5px;position:relative}.nav-links:after{content:"";position:absolute;bottom:20px;left:50%;width:0;height:2px;background-color:var(--primary-red);transition:all .3s ease;transform:translate(-50%)}.nav-links:hover{color:var(--primary-red);background-color:transparent}.nav-links:hover:after{width:80%}.admin-link{color:var(--primary-red);border:1px solid var(--primary-red);padding:.5rem 1rem;cursor:pointer;transition:all .3s ease}.admin-link:hover{background-color:#fff;color:var(--primary-red)}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:calc(100vh - 90px);position:absolute;top:90px;left:-100%;opacity:1;transition:all .5s ease;background-color:var(--primary-dark)}.nav-menu.active{background:var(--primary-dark);left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{background-color:var(--primary-red);border-radius:0}.navbar-logo{position:absolute;top:0;left:20px;transform:translateY(25%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer;color:var(--text-primary)}}.footer-container{background-color:var(--primary-dark);color:#fff;padding:4rem 0 0;border-top:5px solid var(--primary-red)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;padding-bottom:3rem;text-align:center}.footer-section h2,.footer-section h3{margin-bottom:1.5rem;color:var(--primary-red)}.footer-section p{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.social-icons{display:flex;justify-content:center;gap:1rem}.social-icons a{color:#fff;font-size:1.5rem;transition:color .3s;background:#ffffff1a;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.social-icons a:hover{color:var(--primary-red);background:#fff}.footer-section.links ul{list-style:none;padding:0}.footer-section.links li{margin-bottom:.8rem}.footer-section.links a{color:#ccc;text-decoration:none;transition:color .3s}.footer-section.links a:hover{color:var(--primary-red);padding-left:5px}.contact-item{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1rem;color:#ccc}.contact-item svg{color:var(--primary-red)}.footer-bottom{background-color:#0a0a0a;padding:1.5rem;text-align:center;color:#777;font-size:.9rem}@media(max-width:768px){.footer-content{text-align:center}.social-icons,.contact-item{justify-content:center}}.hero{height:90vh;background:url(../assets/homepage.jpeg) no-repeat center center/cover;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:2rem;animation:fadeInUp 1s ease}.hero h1{font-size:4rem;margin-bottom:1rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.5rem;margin-bottom:1rem;font-weight:300;opacity:.9}.hero-tagline{font-size:1.2rem;margin-bottom:2rem;color:var(--accent-gold)}.hero-buttons{display:flex;gap:1rem;justify-content:center}.section{padding:6rem 0}.bg-light{background-color:var(--neutral-dark)}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.program-card{background:var(--surface-dark);border:1px solid var(--glass-border);border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.program-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0003}.program-image{height:200px;background-color:#ddd;display:flex;align-items:center;justify-content:center;color:#666;font-weight:700;overflow:hidden}.program-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.program-card:hover .program-image img{transform:scale(1.1)}.program-info{padding:1.5rem;flex:1;display:flex;flex-direction:column}.program-info h3{color:var(--primary-red);margin-bottom:.5rem;font-size:1.5rem}.program-info p{color:var(--text-secondary);margin-bottom:1.5rem;flex:1}.read-more{color:var(--text-primary);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:color .3s}.read-more:hover{color:var(--primary-red)}.achievements-section{padding:4rem 0}.achievements-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.achievements-content .section-title{text-align:left;margin-bottom:1rem}.section-desc{margin-bottom:2rem;color:var(--text-secondary);line-height:1.6}.achievements-list{display:flex;flex-direction:column;gap:1.5rem}.achievement-item{display:flex;align-items:flex-start;gap:1rem;background:var(--surface-dark);padding:1rem;border-radius:10px;box-shadow:0 2px 10px #0000000d}.icon-box{background:var(--primary-red);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.achievements-image img{height:auto;width:100%;max-width:450px;border-radius:20px;margin-bottom:40px;display:flex;align-items:center;justify-content:center;box-shadow:10px 10px 0 var(--primary-red);object-fit:cover}.stats-section{background:var(--primary-dark);padding:4rem 0;color:#fff;margin:2rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item h3{font-size:3.5rem;font-weight:800;color:var(--primary-red);margin-bottom:.5rem}.stat-item p{font-size:1.2rem;opacity:.9;text-transform:uppercase;letter-spacing:1px}.announcements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.announcement-card{background:#fff;border-left:5px solid var(--primary-red);padding:1.5rem;border-radius:5px;box-shadow:0 4px 15px #0000001a;display:flex;gap:1rem;align-items:flex-start;transition:transform .2s}.announcement-card:hover{transform:translate(5px)}.announcement-icon{color:var(--primary-red);font-size:1.5rem;margin-top:5px}.announcement-details h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--primary-dark)}.announcement-details p{font-size:.9rem;color:var(--primary-dark);margin-bottom:.5rem}.date-badge{display:inline-block;padding:.2rem .6rem;background:var(--primary-red);color:#fff;border-radius:20px;font-size:.7rem;text-transform:uppercase;font-weight:700}.date-badge.info{background:#17a2b8}.date-badge.new{background:#28a745}.placeholder-img{display:flex;align-items:center;justify-content:center;font-weight:700;color:#777}@media(max-width:768px){.section{padding:4rem 0}.hero h1{font-size:2.5rem}.hero-tagline{font-size:1rem}.achievements-container{grid-template-columns:1fr;gap:2rem}.achievements-image{order:-1;height:auto;justify-content:center;margin-bottom:2rem}.achievements-image img{max-width:100%;box-shadow:5px 5px 0 var(--primary-red);margin-bottom:0}.stats-item h3{font-size:2.5rem}}@media(max-width:480px){.hero h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.announcement-card{flex-direction:column;align-items:flex-start}}.about-hero{height:50vh;background:linear-gradient(#000000b3,#000000b3),url(/assets/about.jpg) no-repeat center center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-top:-90px;padding-top:90px}.about-hero h1{font-size:3rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);text-shadow:2px 2px 2px black}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text p{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.8;font-size:1.1rem}.about-image img{height:350px;border-radius:10px;box-shadow:-20px 20px 0 var(--glass-border)}.mission-vision-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:2rem}.mv-card{background:#fff;box-shadow:10px 10px 0 var(--accent-gold);padding:3rem;border-radius:10px;text-align:center;transition:transform .3s}.mv-card:hover{transform:translateY(-5px);text-shadow:.1px .1px .1px black}.mv-card h3{color:var(--primary-red);font-size:1.8rem;margin-bottom:1rem}.mv-card p,.mv-card ul{color:var(--primary-dark);text-shadow:.1px .1px .1px black}.mv-card ul{list-style-type:disc;list-style-position:outside;width:fit-content;margin:0 auto}.mv-card ul li{text-align:justify;color:var(--primary-dark);text-shadow:.1px .1px .1px black}.infra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.infra-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden}.infra-image{height:250px;object-fit:cover;width:100%}.infra-image img{height:290px;width:100%}.infra-info{padding:1.5rem}.infra-info h3{color:var(--primary-red);margin-bottom:.5rem}.infra-info p{color:var(--text-secondary)}@media(max-width:768px){.section{padding:4rem 0}.about-hero{height:60vh}.about-hero h1{font-size:2.5rem}.about-grid,.mission-vision-grid{grid-template-columns:1fr;gap:3rem}.about-image{height:auto;box-shadow:-10px 10px 0 var(--primary-dark);margin-top:2rem}.about-image img{height:auto;max-width:100%;width:100%;object-fit:cover}.mv-card{padding:2rem;box-shadow:5px 5px 0 var(--accent-gold)}.infra-image,.infra-image img{height:auto;max-height:250px;width:100%}}@media(max-width:480px){.about-hero h1,.section-title{font-size:2rem}.about-grid{gap:2rem}}.contact-hero{height:50vh;background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80) no-repeat center center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-top:-90px;padding-top:90px}.contact-hero h1{font-size:3rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);text-shadow:2px 2px 2px black}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;border-radius:20px;padding:3rem;box-shadow:0 10px 30px #0000000d}.contact-info-section h2,.contact-form-section h2{color:var(--primary-red);margin-bottom:2rem;font-size:2rem}.info-item{display:flex;gap:1.5rem;margin-bottom:2rem}.info-item .icon{font-size:1.5rem;color:var(--primary-red);margin-top:5px}.info-item h4{margin-bottom:.5rem;color:var(--primary-red)}.info-item p{color:#fff;font-size:.95rem}.map-container{height:250px;border-radius:10px;margin-top:3rem}.contact-form .form-group{margin-bottom:1.5rem}.contact-form label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--primary-dark)}.contact-form input,.contact-form textarea{width:100%;padding:1rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-red)}.full-width-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem}@media(max-width:900px){.contact-wrapper{grid-template-columns:1fr;padding:2rem}}.gallery-hero{height:50vh;background:linear-gradient(#0009,#0009),url(/assets/gallery.jpg) no-repeat center center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-top:-90px;padding-top:90px}.gallery-hero h1{font-size:3rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);text-shadow:2px 2px 2px black}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.gallery-item{position:relative;height:350px;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 4px 10px #0000001a}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#000c);padding:1rem;color:#fff;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:3000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-content{max-width:90%;max-height:90vh;position:relative;text-align:center}.lightbox-content img{max-width:100%;max-height:80vh;border-radius:5px;box-shadow:0 0 20px #00000080}.lightbox-caption{color:#fff;margin-top:1rem}.close-lightbox{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:3001}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:2rem;padding:1rem;cursor:pointer;border-radius:50%;transition:background .3s;z-index:3001}.nav-btn:hover{background:#ffffff4d}.nav-btn.prev{left:20px}.nav-btn.next{right:20px}.gallery-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.filter-btn{padding:.8rem 2rem;border:4px solid var(--accent-red)!important;background:#333!important;color:var(--accent-red);border-radius:50px!important;cursor:pointer;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;font-size:.9rem;letter-spacing:.5px;min-width:120px;text-align:center}.filter-btn:hover,.filter-btn.active{background:var(--accent-red);color:#fff;transform:translateY(-2px);box-shadow:4px 4px 15px #dc35454d}.gallery-empty{text-align:center;padding:4rem 2rem;background:#00000005;border-radius:15px;border:2px dashed rgba(0,0,0,.1);margin:2rem auto;max-width:600px}.gallery-empty h3{color:var(--primary-red);font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.gallery-empty p{color:#666;font-size:1.1rem}.events-hero{height:50vh;background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1504450758481-7338eba7524a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80) no-repeat center center/cover;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:-90px;padding-top:90px}.events-hero h1{font-size:3rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);text-shadow:2px 2px 2px black}.events-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.event-card{flex:1 1 300px;max-width:400px;min-width:280px;background:var(--surface-card);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 20px #c003;transition:transform .3s ease,box-shadow .3s ease}.event-card.past{cursor:pointer}.event-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.event-image{height:300px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.event-card:hover .event-image img{transform:scale(1.05)}.event-content{padding:1.5rem}.event-date{color:var(--primary-red);font-weight:700;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.event-card h3{margin-bottom:.5rem;font-size:1.3rem}.event-location{color:var(--accent-gold);font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.click-hint{font-size:.8rem;color:#999;font-style:italic;margin-top:1rem}.btn-sm{margin-top:1rem;padding:.5rem 1rem;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content.event-modal{background:#fff;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:10px;position:relative;padding:2rem;animation:slideUp .3s ease}.close-modal-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.modal-header{border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem}.modal-header h2{color:var(--primary-dark);margin-bottom:.5rem}.modal-date{color:var(--primary-red);font-weight:700}.modal-main-image{height:300px;border-radius:10px;margin-bottom:1.5rem}.modal-desc{line-height:1.6;color:#555;margin-bottom:2rem}.modal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.modal-gallery-item{height:100px;border-radius:5px}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.login-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:#f9f9f9}.login-left{flex:1;background-color:#8e0505;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:2rem;position:relative;overflow:hidden}.brand-content{text-align:center;z-index:2}.brand-logo{height:400px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.brand-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:1px;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.4);font-family:Oswald,sans-serif}.brand-subtitle{font-size:1.2rem;font-weight:300;opacity:.9}.login-left:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.4) 100%);z-index:1}.login-right{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:#fff}.login-form-wrapper{width:100%;max-width:450px;padding:3rem}.login-header{margin-bottom:2rem;text-align:left}.login-header h2{font-size:2rem;color:#333;margin-bottom:.5rem;font-weight:700}.login-header p{color:#333;font-size:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333!important;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:.875rem 1rem;background-color:#f4f4f4!important;border:1px solid #e0e0e0!important;border-radius:8px!important;font-size:1rem;color:#333!important;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#8e0505!important;background-color:#fff!important;box-shadow:0 0 0 3px #8e05051a}.login-btn{width:100%;padding:1rem;background-color:#8e0505;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:.5px}.login-btn:hover{background-color:#700404;transform:translateY(-1px);box-shadow:0 4px 12px #8e050533}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;border:1px solid #ffcdd2;display:flex;align-items:center}@media(max-width:768px){.login-container{flex-direction:column;height:100vh;height:100dvh}.login-left{flex:0 0 auto;min-height:30%;padding:1rem}.brand-logo{height:60px;margin-bottom:.5rem}.brand-title{font-size:1.5rem;margin-bottom:0}.login-right{flex:1;padding:1.5rem;align-items:flex-start;overflow-y:auto}.login-form-wrapper{padding:0;width:100%;margin-top:1rem}.login-header h2{font-size:1.5rem}}@media(max-width:480px){.brand-logo{height:50px}.brand-title{font-size:1.2rem}.login-btn{padding:.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.admin-page{animation:fadeIn .6s ease-out;padding-bottom:4rem}.admin-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}.upload-section{background:var(--surface-dark);padding:2rem;border:1px solid var(--glass-border);border-top:4px solid var(--primary-red);box-shadow:0 10px 30px #00000080;position:sticky;top:100px;animation:slideIn .5s ease-out}.upload-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input[type=text],.form-group input[type=date],.form-group input[type=number],.form-group input[type=email],.form-group input[type=tel],.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #444;background-color:var(--neutral-dark);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 2px #8e050533}.form-group input[type=file]{padding:10px;background:var(--neutral-dark);border:1px dashed #555;cursor:pointer}.form-group input[type=file]:hover{border-color:var(--primary-red)}.manage-section{animation:fadeIn .8s ease-out}.btn-icon{border-radius:50%!important;background-color:#ffffff1a!important;color:var(--primary-red)!important;border:1px solid #eee!important;width:30px;height:30px}.admin-gallery-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.admin-gallery-item{background:var(--surface-dark);border:1px solid var(--glass-border);position:relative;transition:transform .3s,box-shadow .3s;overflow:hidden;cursor:pointer}.admin-gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006;border-color:var(--primary-red)}.admin-gallery-item img{width:100%;height:180px;object-fit:cover;transition:transform .5s}.admin-gallery-item:hover img{transform:scale(1.05)}.item-details{padding:15px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);position:absolute;bottom:0;left:0;width:100%}.item-details h4{font-size:1.1rem;margin-bottom:5px;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.8)}.badge{font-size:.75rem;background:var(--primary-red);padding:3px 8px;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.actions{position:absolute;top:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .3s;z-index:10}.admin-gallery-item:hover .actions{opacity:1}.btn-toggle{background:#000;border:1px solid rgba(255,255,255,.2);width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.delete-btn,.edit-btn{background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.2);width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.delete-btn:hover{background:var(--primary-red);border-color:var(--primary-red)}.edit-btn:hover{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s;padding:20px}.modal-content{position:relative;max-width:90vw;max-height:90vh}.modal-content img{max-width:100%;max-height:85vh;border:2px solid var(--primary-red);box-shadow:0 0 30px #8e05054d}.modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:color .3s}.modal-close:hover{color:var(--primary-red)}.modal-actions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.upload-section{position:static;margin-bottom:2rem}}.admission-page{max-width:900px;margin:0 auto;padding-bottom:4rem;animation:fadeIn .6s ease-out}.form-container{background:var(--surface-dark);padding:3rem;border:1px solid var(--glass-border);border-top:4px solid var(--primary-red);box-shadow:0 15px 40px #00000080;position:relative}.steps-indicator{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative}.steps-indicator:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#444;z-index:0;transform:translateY(-50%)}.step{background:var(--surface-dark);z-index:1;padding:0 15px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.9rem;display:flex;align-items:center;gap:10px;transition:all .3s}.step.active{color:var(--primary-red)}.step-number{width:30px;height:30px;border-radius:50%;background:#444;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s}.step.active .step-number{background:var(--primary-red);box-shadow:0 0 15px #8e050580}.form-step{animation:slideIn .4s ease-out}.form-step h3{font-size:1.5rem;margin-bottom:2rem;color:var(--text-primary);border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.full-width{grid-column:1 / -1}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary)!important;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #444;background-color:var(--neutral-dark);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-red)!important;box-shadow:0 0 0 2px #8e050533}.form-group textarea{min-height:100px;resize:vertical}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--primary-red);animation:shake .3s ease-in-out}.error-text{color:var(--primary-red);font-size:.8rem;margin-top:5px;display:block;font-weight:500}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group.checkbox-group{display:flex;align-items:center;gap:10px}.form-group.checkbox-group input{width:auto;margin:0}.form-group.checkbox-group label{margin:0;font-weight:400;text-transform:none}.buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.payment-summary{background:#ffffff0d;padding:1.5rem;border:1px solid var(--glass-border);margin-bottom:2rem}.payment-summary p{font-size:1.1rem;margin-bottom:.5rem}.payment-mock{text-align:center;padding:2rem;border:2px dashed #444;background:#0003;margin-bottom:2rem}.payment-mock p{margin-bottom:1rem;color:var(--text-secondary)}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.steps-indicator{flex-direction:column;gap:1rem;align-items:flex-start}.steps-indicator:before{display:none}.step{background:transparent;padding:0}}.id-card-container{width:1011px;height:720px;background:#fff;position:relative;overflow:hidden;font-family:Times New Roman,Times,serif;box-sizing:border-box;display:flex;flex-direction:column;border:10px solid #b91d1d;margin:0}.id-card-watermark{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);opacity:.15;pointer-events:none;width:400px;height:400px;z-index:0;background-image:url(/logo.png);background-position:center;background-repeat:no-repeat;background-size:contain}.id-card-header-section{background:linear-gradient(to bottom,#fff8db,#f7d668);padding:10px 20px;position:relative;border-bottom:2px solid #b91d1d;display:flex;align-items:center}.header-logo{width:100px;height:135px;object-fit:contain;margin-right:20px}.header-text-content{flex:1;text-align:center}.club-name{font-size:56px;font-weight:900;color:navy;margin:0;text-transform:uppercase;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;letter-spacing:1px;line-height:1}.regd-text{color:navy;font-size:18px;font-weight:700;margin:5px 0;background:transparent;display:block}.address-text{color:navy;font-size:22px;font-weight:700;margin-top:2px}.year-strip{background:linear-gradient(to right,#b4851c,#fcdf6f,#b4851c);text-align:center;padding:4px 0;border-top:1px solid #fff;border-bottom:1px solid #b91d1d}.year-text{color:navy;font-size:28px;font-weight:700;text-transform:uppercase;text-shadow:0px 1px 1px #fff}.id-card-body{flex:1;padding:15px 40px 5px;position:relative;z-index:1;display:flex}.details-column{flex:1;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;align-items:baseline;font-size:26px;color:navy;font-weight:700}.detail-label{white-space:nowrap;margin-right:10px}.detail-value{flex:1;border-bottom:2px dotted #000;padding-left:10px;color:#000;font-weight:700;min-height:30px;position:relative;top:-5px}.photo-column{width:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-left:20px;padding-top:20px}.photo-box{width:160px;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:5px}.photo-box img{width:100%;height:100%;object-fit:cover}.photo-label{font-size:18px;font-weight:700}.game-selection{display:flex;align-items:center;font-size:20px;color:navy;font-weight:700;margin-bottom:5px}.game-item{display:flex;align-items:center;margin-right:15px;margin-top:5px}.checkbox-box{width:20px;height:20px;border:2px solid #000;margin-left:5px;display:inline-block}.checkbox-box.checked{background:#000;position:relative}.checkbox-box.checked:after{content:"✓";color:#fff;position:absolute;top:-5px;left:2px;font-size:20px}.id-card-footer{background:linear-gradient(to bottom,#d62d20,#6e0d0d);height:100px;display:flex;justify-content:space-between;align-items:flex-end;padding:10px 50px;margin-top:auto;color:#fff;border-top:2px solid #fff}.signature-block{text-align:center;display:flex;flex-direction:column;align-items:center;min-width:150px}.sig-image-container{height:40px;margin-bottom:2px;display:flex;align-items:flex-end;justify-content:center}.sig-placeholder-img{max-height:100%;max-width:100%;filter:invert(1)}.sig-title{font-size:20px;font-weight:700;font-family:Times New Roman,serif;letter-spacing:1px;text-shadow:1px 1px 0 #000}.app-form-container{width:794px;min-height:1123px;background:#fff;position:relative;font-family:Times New Roman,Times,serif;box-sizing:border-box;padding:40px 50px;color:#000;border:1px solid #ccc}.app-form-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background-image:url(/logo.png);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.08;pointer-events:none;z-index:0}.app-form-header{text-align:center;margin-bottom:30px;position:relative;z-index:1;border-bottom:3px double #b91d1d;padding-bottom:20px}.app-header-top{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:10px}.app-logo{width:80px;height:120px;object-fit:contain}.app-club-name{font-size:36px;font-weight:900;color:#b91d1d;text-transform:uppercase;margin:0;letter-spacing:1px}.app-regd-text{font-size:14px;font-weight:700;color:navy;margin:5px 0}.app-address{font-size:16px;color:#333}.app-form-title{background:navy;color:#fff;display:inline-block;padding:8px 30px;font-size:20px;font-weight:700;text-transform:uppercase;border-radius:5px;margin-top:15px}.app-form-body{position:relative;z-index:1;font-size:16px}.form-section{margin-bottom:25px}.top-details-grid{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.app-no-box{border:2px solid #b91d1d;padding:10px;border-radius:5px;display:inline-block}.app-no-label{font-weight:700;color:#b91d1d;font-size:14px;display:block;margin-bottom:5px}.app-no-val{font-size:18px;font-weight:700;color:#000}.app-photo-box{width:130px;height:160px;border:1px solid #000;display:flex;align-items:center;justify-content:center;background:#f9f9f9}.app-photo-box img{width:100%;height:100%;object-fit:cover}.field-row{display:flex;margin-bottom:15px;align-items:flex-end}.field-label{font-weight:700;margin-right:10px;min-width:100px;color:navy}.field-value{flex:1;border-bottom:1px dotted #000;padding-bottom:2px;font-weight:500;padding-left:10px;min-height:24px}.two-col{display:flex;gap:30px}.col{flex:1;display:flex;align-items:flex-end}.app-footer{margin-top:20px;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #ccc;z-index:1;position:relative}.app-sig-block{text-align:center;width:200px}.app-sig-line{border-top:1px dashed #000;margin-top:40px;padding-top:5px;font-weight:700}.office-use{margin-top:30px;padding:15px;background:snow}.office-title{text-transform:uppercase;font-weight:700;color:#b91d1d;margin-bottom:10px;text-align:center;text-decoration:underline}.app-sig-img{height:40px;margin-bottom:-10px}
