:root{--primary-gold: #020186;--primary-dark: #010157;--secondary-blue: #020186;--accent-cyan: #06b6d4;--text-light: #f8f9fa;--bg-white-transparent: rgba(255, 255, 255, .95)}html,body{font-family:Arial,sans-serif;overflow-x:hidden;max-width:100%}.hero-title{font-size:4rem;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:1rem;animation:slideInLeft 1s ease-out}.hero-subtitle{font-size:1.5rem;color:var(--text-light);margin-bottom:2rem;animation:slideInRight 1s ease-out .3s both}.hero-text-container{display:table;padding:20px 30px;border-radius:15px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;text-align:center}.btn-primary-custom{background:linear-gradient(45deg,var(--primary-dark),var(--accent-cyan));color:#fff;border:none;padding:12px 36px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;box-shadow:0 8px 20px #06b6d44d;display:inline-block;text-align:center;text-decoration:none}.btn-primary-custom:hover{transform:translateY(-3px);box-shadow:0 12px 30px #06b6d466}.about-section{background:var(--bg-white-transparent);padding:100px 0}.about-card{background:white;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:2px solid transparent;height:100%}.about-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026;border-color:var(--accent-cyan)}.about-icon{font-size:3rem;color:var(--accent-cyan);margin-bottom:20px;transition:all .3s ease}.about-card:hover .about-icon{transform:scale(1.2)}.stats-section{background:linear-gradient(135deg,#010157 0%,#020186 50%,#06b6d4 100%);color:#fff;padding:80px 0}.stat-item{text-align:center;padding:20px}.stat-number{font-size:3rem;font-weight:700;color:#fff;display:block;margin-bottom:10px}.stat-label{font-size:1.2rem;color:var(--text-light)}.member-portal{background:linear-gradient(135deg,#010157 0%,#020186 50%,#06b6d4 100%);color:#fff;padding:100px 0;text-align:center;position:relative;overflow:hidden}.member-portal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-image{background:linear-gradient(135deg,#010157 0%,#020186 50%,#06b6d4 100%);min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-item{transition:all .3s ease}.contact-item:hover{transform:translate(10px)}.map-container{height:400px;position:relative}.portal-card{transition:all .3s ease;box-shadow:0 10px 30px #0000001a}.portal-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.portal-icon{transition:all .3s ease}.portal-card:hover .portal-icon i{transform:scale(1.1);color:var(--accent-cyan)!important}.form-control:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 .2rem #06b6d440}.form-select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 .2rem #06b6d440}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.navbar-custom{background:rgba(255,255,255,0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;color:#fff!important}.navbar-custom.scrolled{background:rgba(1,1,87,.841);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);color:#fff!important}.navbar-custom.scrolled .nav-link{color:#fff!important}.navbar-brand{font-weight:700;font-size:1.5rem}.navbar-nav .nav-link{color:#fff!important;font-weight:800;border-radius:5px;padding:5px 10px;margin-left:10px;margin-right:10px;font-size:.8rem}.carousel-item{background-size:cover;background-position:center}.carousel-caption{bottom:30%}.carousel-caption h1{font-size:3rem}.fixed-img{height:500px!important;object-fit:cover;object-position:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
