.app-header nav,nav#navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1acc;left:0;padding:1rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}nav#navbar.scrolled{box-shadow:0 4px 20px #00000080}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo-nav{color:var(--text-light);font-size:1.5rem;font-weight:700;letter-spacing:3px;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-light);font-size:1.1rem;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:linear-gradient(90deg,var(--primary-blue),var(--primary-green));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:5px;z-index:1001}.mobile-menu-toggle span{background:var(--text-light);display:block;height:3px;margin:5px 0;transition:all .3s ease;width:25px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media(max-width:768px){.mobile-menu-toggle{display:block}.nav-links{background:#1a1a1afa;box-shadow:0 10px 30px #00000080;display:none;flex-direction:column;gap:1rem;left:0;padding:2rem;position:absolute;right:0;top:100%}.nav-links.active{display:flex}}.jaarlagen-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.about-content{align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.about-text{color:#ccc;font-size:1.1rem;line-height:1.8}.values{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:15px;padding:2rem}.values h3{color:var(--primary-green);margin-bottom:1rem}.values ul{font-size:1.1rem;list-style:none}.values li{padding:.5rem 0 .5rem 1.5rem;position:relative}.activities-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.section-title{font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,var(--primary-blue),var(--primary-green));bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:100px}.fade-in{animation:fadeIn .8s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.page-content{padding-top:28px}@media(max-width:768px){.about-content{grid-template-columns:1fr}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}.leaderboard-header,.leaderboard-item{font-size:.9rem;grid-template-columns:50px 1fr 80px 80px;padding:1rem}.instagram-grid{grid-template-columns:repeat(2,1fr)}.members-grid{grid-template-columns:1fr}}:root{--primary-blue:#2b4c8c;--primary-green:#3a5f3a;--dark-bg:#1a1a1a;--light-gray:#f5f5f5;--text-light:#e0e0e0}body{background-color:var(--dark-bg);color:var(--text-light);font-family:Georgia,serif;margin:0;overflow-x:hidden}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(20px)}