@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.language-switch{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:.9rem;flex-shrink:0}.lang-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--klm-navy);font-weight:500;font-size:inherit;font-family:inherit;padding:4px 6px;border-radius:4px;transition:all .2s ease}.lang-btn:hover{color:var(--klm-hover-blue);background-color:var(--klm-blue-lighter)}.lang-btn.active{color:var(--klm-blue);font-weight:700}.separator{color:#666}.flag{width:18px;height:auto;border-radius:2px;box-shadow:0 0 1px #0003}@media(max-width:768px){.language-switch{margin-left:auto;margin-right:0;font-size:.8rem}.lang-btn{padding:3px 4px;gap:3px}.flag{width:16px}}@media(max-width:480px){.language-switch{font-size:.75rem;gap:4px}.flag{width:14px}}.topnav,.mobile-menu-links{display:none}@media(max-width:768px){.topnav{display:flex;align-items:center;background:transparent;position:relative;flex-shrink:0}.mobile-menu-links{display:none;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--gray-text-dark);border-radius:var(--radius-xl);position:fixed;top:64px;right:12px;width:calc(100vw - 24px);z-index:var(--z-fixed);box-shadow:var(--shadow-2xl);padding:var(--spacing-3);border:1px solid rgba(0,0,0,.05)}.mobile-menu-links.show{display:block;animation:fadeInMenu .2s ease}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-links a{color:var(--gray-text-dark);display:block;padding:16px 20px;text-decoration:none;font-size:1.0625rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.mobile-menu-links a:last-child{border-bottom:none}.mobile-menu-links a:hover{background-color:var(--klm-blue-lighter);color:var(--klm-blue)}.mobile-menu-links a.active{color:var(--klm-blue);background-color:var(--klm-blue-lighter);font-weight:var(--font-weight-semibold)}.icon{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;color:var(--gray-text-dark);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.hamburger-icon{font-size:22px;line-height:1}.icon:hover{background-color:var(--gray-100)}}@media(min-width:769px){.topnav{display:none!important}}.header-logo{height:28px;max-width:140px;width:auto;object-fit:contain;transition:transform var(--transition-fast);flex-shrink:0}@media(max-width:768px){.header-logo{max-width:150px;height:32px}}@media(max-width:480px){.header-logo{max-width:140px;height:30px}}.header-logo:hover{transform:scale(1.02)}.nav-links{list-style:none;display:flex;gap:8px;padding:0;margin:0 20px 0 auto;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.nav-links li a{color:var(--gray-text-dark);text-decoration:none;padding:8px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;display:inline-block;white-space:nowrap}.nav-links li a:hover,.nav-links li a.active{color:var(--klm-blue);background-color:var(--klm-blue-lighter)}.nav-links li a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}@media(min-width:769px){.nav-links{margin-left:auto;margin-right:20px}}@media(max-width:768px){.nav-links{display:none!important}header{padding:10px 12px}}@media(max-width:480px){header{padding:8px}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:70px;padding-bottom:60px;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:768px){.main-content{padding-bottom:80px;padding-top:72px}}@media(max-width:480px){.main-content{padding-top:68px;padding-bottom:72px}}.home-page{min-height:calc(100vh - var(--header-height) - var(--footer-height));display:flex;align-items:center;justify-content:center;background:var(--gradient-dark);background-image:url(/images/flaneer_vliegtuig.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.home-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-hero);z-index:1}.home-page:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,161,228,.15) 0%,transparent 70%);z-index:1;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1) translate(0);opacity:.5}50%{transform:scale(1.2) translate(-5%,5%);opacity:.8}}.hero-section{position:relative;z-index:2;text-align:center;padding:var(--spacing-12) var(--spacing-6);max-width:900px}.hero-content{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content h1{color:var(--white);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.hero-subtitle{color:#ffffffe6;font-size:var(--font-size-xl);margin-bottom:var(--spacing-10);line-height:var(--line-height-relaxed);text-shadow:0 2px 10px rgba(0,0,0,.2);max-width:700px;margin-left:auto;margin-right:auto;font-weight:var(--font-weight-normal)}.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);background:var(--white);color:var(--klm-dark-blue);padding:18px 48px;font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-normal);margin-top:0;box-shadow:0 8px 30px #0003;position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.hero-cta:hover{background:var(--white);color:var(--klm-blue);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0000004d}.hero-cta:hover:before{left:100%}.hero-cta:active{transform:translateY(-2px) scale(1)}.scroll-indicator{position:absolute;bottom:var(--spacing-8);left:50%;transform:translate(-50%);z-index:2;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media(max-width:768px){.home-page{min-height:calc(100vh - var(--header-height) - var(--footer-height) - 20px)}.hero-section{padding:var(--spacing-8) var(--spacing-5)}.hero-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.hero-subtitle{font-size:var(--font-size-medium);margin-bottom:var(--spacing-8);padding:0 var(--spacing-2)}.hero-cta{padding:16px 36px;font-size:var(--font-size-medium);border-radius:var(--radius-xl)}}@media(max-width:480px){.hero-section{padding:var(--spacing-6) var(--spacing-3)}.hero-content h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}.hero-subtitle{font-size:var(--font-size-small);margin-bottom:var(--spacing-6)}.hero-cta{padding:14px 28px;font-size:var(--font-size-small);width:auto;max-width:100%}}@media(min-width:1200px){.hero-content h1{font-size:4rem}.hero-subtitle{font-size:var(--font-size-2xl)}}.safety-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-12) var(--spacing-6);padding-top:var(--spacing-8);max-width:var(--max-width-content);margin:0 auto}.safety-section h2{font-size:var(--font-size-4xl);color:var(--klm-dark-blue);margin-bottom:var(--spacing-6);text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.safety-section p{font-weight:var(--font-weight-normal);font-size:var(--font-size-large);max-width:700px;text-align:center;margin-bottom:var(--spacing-10);color:var(--gray-text);line-height:var(--line-height-relaxed)}.safety-section .video-container{max-width:960px;width:100%;background:var(--gradient-card);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.04)}.safety-section video,.safety-section iframe{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:block;border:none}@media(max-width:768px){.safety-section{padding:var(--spacing-6) var(--spacing-4);padding-top:var(--spacing-10)}.safety-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.safety-section p{font-size:var(--font-size-medium);padding:0 var(--spacing-2);margin-bottom:var(--spacing-6)}.safety-section .video-container{padding:var(--spacing-4);border-radius:var(--radius-xl)}}@media(max-width:480px){.safety-section{padding:var(--spacing-4) var(--spacing-3);padding-top:var(--spacing-8)}.safety-section h2{font-size:var(--font-size-xl)}.safety-section p{font-size:var(--font-size-small);padding:0}.safety-section .video-container{padding:var(--spacing-3);border-radius:var(--radius-lg)}}.map-section{padding:var(--spacing-12) var(--spacing-6);max-width:1000px;margin:0 auto;line-height:var(--line-height-relaxed);text-align:left}.map-section h2{text-align:center;font-size:var(--font-size-4xl);color:var(--klm-dark-blue);margin-bottom:var(--spacing-10);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.map-step{margin-bottom:var(--spacing-6);padding:var(--spacing-6);background:var(--gradient-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border-left:4px solid var(--klm-blue);transition:all var(--transition-normal)}.map-step:hover{box-shadow:var(--shadow-card-hover);transform:translate(4px)}.map-step h3{color:var(--klm-blue);font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.map-step p{font-weight:var(--font-weight-normal);color:var(--gray-text);margin:0}.map-image{margin:var(--spacing-10) 0;text-align:center}.map-image img{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.map-image img:hover{box-shadow:var(--shadow-xl);transform:scale(1.01)}.transport-note{text-align:center;margin:var(--spacing-6) 0;padding:var(--spacing-4);background:var(--klm-blue-lighter);border-radius:var(--radius-lg)}.transport-note a{color:var(--klm-blue);font-weight:var(--font-weight-semibold);text-decoration:none;position:relative}.transport-note a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--klm-blue);transition:width var(--transition-normal)}.transport-note a:hover:after{width:100%}.map-note{background:linear-gradient(135deg,var(--klm-blue-lighter) 0%,var(--gray-50) 100%);padding:var(--spacing-10);border-radius:var(--radius-xl);margin-top:var(--spacing-10);text-align:center;border:1px solid var(--gray-200)}.map-note h3{color:var(--klm-blue);margin-bottom:var(--spacing-4);font-size:var(--font-size-xl)}.map-note p{font-weight:var(--font-weight-normal);color:var(--gray-text);margin:0}@media(max-width:768px){.map-section{padding:var(--spacing-8) var(--spacing-4)}.map-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}.map-step{padding:var(--spacing-5);margin-bottom:var(--spacing-4)}.map-step h3{font-size:var(--font-size-large)}.map-note{padding:var(--spacing-6)}}@media(max-width:480px){.map-section{padding:var(--spacing-6) var(--spacing-3)}.map-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.map-step{padding:var(--spacing-4);margin-bottom:var(--spacing-3);border-radius:var(--radius-lg)}.map-step h3{font-size:var(--font-size-medium)}.map-note{padding:var(--spacing-4);border-radius:var(--radius-lg)}.map-image{margin:var(--spacing-6) 0}}.schedule-section{padding:var(--spacing-12) var(--spacing-6);max-width:1000px;margin:0 auto;line-height:var(--line-height-relaxed)}.schedule-section h2{text-align:center;font-size:var(--font-size-4xl);color:var(--klm-dark-blue);margin-bottom:var(--spacing-8);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.schedule-banner{margin:var(--spacing-8) 0;text-align:center}.schedule-banner img{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.schedule-banner img:hover{box-shadow:var(--shadow-xl);transform:scale(1.01)}.schedule-notice{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24;border-radius:var(--radius-xl);padding:var(--spacing-6);margin:var(--spacing-8) 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.schedule-notice:before{content:"⚠️";font-size:1.25rem}.schedule-notice p{margin:0;color:#92400e;font-weight:var(--font-weight-medium)}.schedule-table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-8) 0;background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}.schedule-table th,.schedule-table td{border:none;border-bottom:1px solid var(--gray-200);padding:var(--spacing-5);text-align:left}.schedule-table th{background:var(--gradient-primary);color:var(--white);font-weight:var(--font-weight-semibold);text-transform:uppercase;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-wide)}.schedule-table tbody tr:last-child td{border-bottom:none}.schedule-table tbody tr:nth-child(2n){background-color:var(--gray-50)}.schedule-table tbody tr{transition:background-color var(--transition-fast)}.schedule-table tbody tr:hover{background-color:var(--klm-blue-lighter)}.schedule-reminder{background:linear-gradient(135deg,var(--klm-blue-lighter) 0%,#e0f2fe 100%);border:1px solid var(--klm-blue);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-top:var(--spacing-8);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.schedule-reminder:before{content:"📅";font-size:1.25rem}.schedule-reminder p{margin:0;color:var(--klm-dark-blue);font-weight:var(--font-weight-medium)}@media(max-width:768px){.schedule-section{padding:var(--spacing-8) var(--spacing-4)}.schedule-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}.schedule-table thead{display:none}.schedule-table,.schedule-table tbody,.schedule-table tr,.schedule-table td{display:block;width:100%}.schedule-table tr{margin-bottom:var(--spacing-4);padding:var(--spacing-5);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border-left:4px solid var(--klm-blue)}.schedule-table td{padding:var(--spacing-2) 0;border-bottom:1px solid var(--gray-100);text-align:left;font-size:var(--font-size-medium)}.schedule-table td:last-child{border-bottom:none;font-weight:var(--font-weight-medium)}.schedule-table td:before{content:attr(data-label);display:block;font-size:var(--font-size-xs);color:var(--gray-dark);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-1);font-weight:var(--font-weight-semibold)}.schedule-table{background:transparent;box-shadow:none;overflow:visible}.schedule-banner{display:none}.schedule-notice,.schedule-reminder{padding:var(--spacing-4);flex-direction:column;gap:var(--spacing-2)}.schedule-notice p,.schedule-reminder p{font-size:var(--font-size-medium)}}@media(max-width:480px){.schedule-section{padding:var(--spacing-6) var(--spacing-3)}.schedule-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.schedule-table tr{padding:var(--spacing-4);margin-bottom:var(--spacing-3)}}.department-card{margin-bottom:32px;display:flex;flex-direction:row;justify-content:center;max-width:1200px;width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.department-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.department-card img{object-fit:cover;width:400px;height:300px;display:block;flex-shrink:0}.department-card-content{align-items:flex-start;background:#f7f7f7;display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;padding:32px}.department-card-content h2{margin-bottom:20px;color:#003145;font-size:1.5rem}.department-card-content p{color:#595959;margin-bottom:20px;text-align:left;line-height:1.6}.department-card-content a{color:#00a1e4;font-weight:600;text-decoration:none;transition:color .2s ease}.department-card-content a:hover{color:#0078d7;text-decoration:underline}@media(max-width:768px){.department-card{flex-direction:column}.department-card img{width:100%;height:200px}.department-card-content{padding:20px}.department-card-content h2{font-size:1.3rem}}@media(max-width:480px){.department-card{margin-bottom:20px;border-radius:10px}.department-card img{height:160px}.department-card-content{padding:16px}.department-card-content h2{font-size:1.15rem;margin-bottom:12px}.department-card-content p{font-size:.875rem;margin-bottom:12px}}.about-page{padding:var(--spacing-12) var(--spacing-6);max-width:var(--max-width);margin:0 auto;overflow-x:hidden}.about-page h2{text-align:center;font-size:var(--font-size-4xl);color:var(--klm-dark-blue);margin-bottom:var(--spacing-12);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.about-page>p{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.about-intro{text-align:center;max-width:800px;margin:0 auto var(--spacing-12)}.about-intro p{font-size:var(--font-size-large);color:var(--gray-text);line-height:var(--line-height-relaxed)}.about-page .department-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:var(--max-width);padding:var(--spacing-12) 0 0;width:100%;margin:0 auto;gap:var(--spacing-8)}@media(max-width:768px){.about-page h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8)}.about-page{padding:var(--spacing-8) var(--spacing-4);padding-top:var(--spacing-10)}.about-intro p{font-size:var(--font-size-medium)}.about-page .department-container{padding:var(--spacing-6) 0 0;gap:var(--spacing-5)}}@media(max-width:480px){.about-page{padding:var(--spacing-6) var(--spacing-3);padding-top:var(--spacing-8)}.about-page h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-6)}.about-page .department-container{padding:var(--spacing-4) 0 0;gap:var(--spacing-4)}}.video-info-block{display:flex;flex-direction:row;justify-content:space-between;gap:32px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:100%;overflow:hidden}.video-info-block.reverse{flex-direction:row-reverse}.video-info-block iframe{width:100%;max-width:500px;height:auto;aspect-ratio:16 / 9;border:none;border-radius:8px;flex-shrink:0}.video-info-block .link-card{width:100%;max-width:500px;min-height:280px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#003145,#00629b);text-decoration:none;flex-shrink:0;position:relative;transition:transform .2s ease,box-shadow .2s ease}.video-info-block .link-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0031454d}.video-info-block .link-card-image{width:100%;height:200px;object-fit:cover}.video-info-block .link-card-button{display:inline-block;padding:12px 28px;background:#fff;color:#003145;border-radius:6px;font-weight:600;font-size:15px;margin:20px;transition:background .2s ease}.video-info-block .link-card:hover .link-card-button{background:#f0f0f0}.video-info-block .info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.video-info-block .info h3{color:#003145;margin-bottom:16px;font-size:1.3rem}.video-info-block .info p{color:#595959;font-size:16px;line-height:1.6;font-weight:400}.video-info-block .info-link{display:inline-block;margin-top:16px;padding:10px 24px;background:#003145;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:14px;transition:background .2s ease}.video-info-block .info-link:hover{background:#004a6e}@media(max-width:768px){.video-info-block,.video-info-block.reverse{flex-direction:column;align-items:center;padding:16px}.video-info-block iframe{width:100%;max-width:100%}.video-info-block .link-card{width:100%;max-width:100%;min-height:auto;aspect-ratio:16 / 9}.video-info-block .info{text-align:center;width:100%}.video-info-block .info h3{font-size:1.1rem}}@media(max-width:480px){.video-info-block{padding:12px;gap:16px}.video-info-block .info h3{font-size:1rem}.video-info-block .info p{font-size:14px}}.innovation-section{padding:var(--spacing-12) var(--spacing-6);max-width:var(--max-width-content);margin:0 auto;line-height:var(--line-height-relaxed)}.innovation-section h2{text-align:center;font-size:var(--font-size-4xl);color:var(--klm-dark-blue);margin-bottom:var(--spacing-6);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.innovation-subtitle{text-align:center;max-width:800px;margin:0 auto var(--spacing-12);color:var(--gray-text);font-size:var(--font-size-large);font-weight:var(--font-weight-normal)!important;line-height:var(--line-height-relaxed)}.projects-title{color:var(--klm-dark-blue);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8);text-align:center;font-weight:var(--font-weight-semibold);position:relative;display:inline-block;width:100%}.projects-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}.innovation-projects{display:flex;flex-direction:column;gap:var(--spacing-8)}@media(max-width:768px){.innovation-section{padding:var(--spacing-8) var(--spacing-4);padding-top:var(--spacing-10)}.innovation-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.innovation-subtitle{font-size:var(--font-size-medium);padding:0 var(--spacing-2);margin-bottom:var(--spacing-8)}.projects-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-6)}.innovation-projects{gap:var(--spacing-5)}}@media(max-width:480px){.innovation-section{padding:var(--spacing-6) var(--spacing-3);padding-top:var(--spacing-8)}.innovation-section h2{font-size:var(--font-size-xl)}.innovation-subtitle{font-size:var(--font-size-small);margin-bottom:var(--spacing-6)}.projects-title{font-size:var(--font-size-large);margin-bottom:var(--spacing-4)}.innovation-projects{gap:var(--spacing-4)}}.internship-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.internship-card.clickable{cursor:pointer}.internship-card.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border:2px solid #00a1e4}.internship-card.clickable:focus{outline:2px solid #00a1e4;outline-offset:2px}.internship-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:8px}.internship-card-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.internship-card-badge.klm{background-color:#00a1e4;color:#fff}.internship-card-badge.rjc{background-color:#003145;color:#fff}.internship-card-type{font-size:11px;color:#595959;background-color:#f4f4f4;padding:4px 8px;border-radius:4px;white-space:nowrap}.internship-card h3{color:#003145;margin:0 0 12px;font-size:18px;text-align:left;line-height:1.3}.internship-card-department{color:#595959;font-size:14px;margin-bottom:16px;text-align:left}.internship-card-actions{margin-top:auto;display:flex;gap:12px}.internship-card-btn{flex:1;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-align:center}.internship-card-btn.primary{background-color:#00a1e4;color:#fff}.internship-card-btn.primary:hover{background-color:#044b67}.internship-card-btn.secondary{background-color:#f4f4f4;color:#003145}.internship-card-btn.secondary:hover{background-color:#ddd}.internship-card-preview{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px;text-align:left}.internship-card-cta{color:#00a1e4;font-weight:600;font-size:14px;display:inline-flex;align-items:center;transition:color .2s}.internship-card.clickable:hover .internship-card-cta{color:#003145}@media(max-width:768px){.internship-card{padding:16px}.internship-card h3{font-size:16px}}@media(max-width:480px){.internship-card{padding:14px;border-radius:10px}.internship-card-header{margin-bottom:12px}.internship-card-badge{padding:3px 10px;font-size:11px}.internship-card-type{font-size:10px;padding:3px 6px}.internship-card h3{font-size:15px;margin-bottom:8px}.internship-card-department,.internship-card-preview{font-size:13px;margin-bottom:12px}.internship-card-cta{font-size:13px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#003145,#004d6a);border-radius:12px 12px 0 0}.modal-badges{display:flex;gap:10px;flex-wrap:wrap}.modal-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.modal-badge.klm{background:#00a1e4;color:#fff}.modal-badge.rjc{background:#ff6b35;color:#fff}.modal-type{padding:6px 14px;border-radius:20px;font-size:.85rem;background:#fff3;color:#fff}.modal-close{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;line-height:1;padding:0;opacity:.8;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-body{padding:24px}.modal-body h2{color:#003145;margin:0 0 20px;font-size:1.6rem;line-height:1.3}.modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.modal-info-item{display:flex;flex-direction:column;gap:4px}.modal-label{font-size:.8rem;color:#666;text-transform:uppercase;font-weight:600}.modal-value{font-size:1rem;color:#003145;font-weight:500}.modal-section{margin-bottom:20px}.modal-section h3{color:#003145;font-size:1.1rem;margin:0 0 10px;border-bottom:2px solid #00a1e4;padding-bottom:6px;display:inline-block}.modal-section p{color:#444;line-height:1.6;margin:0}.modal-requirements{list-style:none;padding:0;margin:0}.modal-requirements li{position:relative;padding-left:24px;margin-bottom:10px;color:#444;line-height:1.5}.modal-requirements li:before{content:"✓";position:absolute;left:0;color:#00a1e4;font-weight:700}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa;border-radius:0 0 12px 12px}.modal-btn{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.modal-btn.primary{background:#00a1e4;color:#fff;border:none}.modal-btn.primary:hover{background:#0078d7;transform:translateY(-1px)}.modal-btn.secondary{background:#fff;color:#003145;border:2px solid #003145}.modal-btn.secondary:hover{background:#003145;color:#fff}@media(max-width:600px){.modal-backdrop{padding:8px;align-items:flex-end}.modal-content{max-height:90vh;border-radius:16px 16px 0 0}.modal-header{padding:14px 16px;border-radius:16px 16px 0 0}.modal-body{padding:16px}.modal-body h2{font-size:1.3rem}.modal-info-grid{grid-template-columns:1fr;padding:12px}.modal-footer{flex-direction:column;padding:16px}.modal-btn{width:100%;justify-content:center}}@media(max-width:480px){.modal-backdrop{padding:0}.modal-content{max-height:95vh;border-radius:12px 12px 0 0}.modal-header{padding:12px}.modal-badges{gap:6px}.modal-badge,.modal-type{padding:4px 10px;font-size:.75rem}.modal-body{padding:12px}.modal-body h2{font-size:1.15rem}.modal-section h3{font-size:1rem}.modal-section p{font-size:.875rem}}.vacancies-page{padding:var(--spacing-10) var(--spacing-6);max-width:var(--max-width);margin:0 auto;overflow-x:hidden}.vacancies-page h2{text-align:center;font-size:var(--font-size-4xl);color:var(--klm-dark-blue);margin-bottom:var(--spacing-8);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.vacancies-intro{text-align:center;max-width:700px;margin:0 auto var(--spacing-8);color:var(--gray-text);font-size:var(--font-size-large);line-height:var(--line-height-relaxed)}.vacancies-page .vacancy-section{display:flex;align-items:flex-start;gap:var(--spacing-10);padding:var(--spacing-8);flex-wrap:wrap;max-width:var(--max-width-content);margin:0 auto;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden}.vacancies-page .vacancy-section .vacancy-image img{max-width:400px;width:100%;height:auto;border-radius:var(--radius-xl);object-fit:cover;box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.vacancies-page .vacancy-section .vacancy-image img:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.vacancies-page .vacancy-section .vacancy-text{flex:1;min-width:0}.vacancies-page .vacancy-section .vacancy-text h2{font-size:var(--font-size-2xl);margin-top:0;margin-bottom:var(--spacing-4);color:var(--klm-dark-blue);text-align:left;-webkit-text-fill-color:var(--klm-dark-blue)}.vacancies-page .vacancy-section .vacancy-text p{line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);color:var(--gray-text);text-align:left}.vacancies-page .vacancy-section2{padding:var(--spacing-10);max-width:var(--max-width-content);margin:var(--spacing-8) auto 0;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.vacancies-page .vacancy-section2 p{text-align:left;font-weight:var(--font-weight-normal);color:var(--gray-text);line-height:var(--line-height-relaxed)}.vacancies-page .internship-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-6);padding:var(--spacing-6) 0}.vacancies-page .filter-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-6);background:var(--gradient-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.04);align-items:center}.vacancies-page .filter-group{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.vacancies-page .filter-btn{padding:10px 18px;border:2px solid var(--gray-200);background:var(--white);border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-small);transition:all var(--transition-fast);color:var(--gray-text-dark)}.vacancies-page .filter-btn:hover{border-color:var(--klm-blue);color:var(--klm-blue);background-color:var(--klm-blue-lighter)}.vacancies-page .filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:var(--white);box-shadow:var(--shadow-sm)}.vacancies-page .search-input{flex:1;min-width:200px;padding:12px 18px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-medium);font-family:var(--font-family);transition:all var(--transition-fast);background:var(--white)}.vacancies-page .search-input:focus{outline:none;border-color:var(--klm-blue);box-shadow:var(--focus-ring)}.vacancies-page .search-input::placeholder{color:var(--gray-dark)}.no-results{grid-column:1 / -1;text-align:center;color:var(--gray-text);font-size:var(--font-size-large);padding:var(--spacing-16);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.no-results:before{content:"🔍";display:block;font-size:3rem;margin-bottom:var(--spacing-4)}.results-count{text-align:center;color:var(--gray-text);font-size:var(--font-size-small);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-medium)}@media(max-width:768px){.vacancies-page{padding:var(--spacing-6) var(--spacing-4)}.vacancies-page h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}.vacancies-intro{font-size:var(--font-size-medium);margin-bottom:var(--spacing-6)}.no-results{padding:var(--spacing-10);font-size:var(--font-size-medium)}.vacancies-page .vacancy-section{flex-direction:column;padding:var(--spacing-5);gap:var(--spacing-5)}.vacancies-page .vacancy-section .vacancy-image img{max-width:100%}.vacancies-page .internship-grid{grid-template-columns:1fr;padding:var(--spacing-4) 0;gap:var(--spacing-4)}.vacancies-page .filter-controls{flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-3)}.vacancies-page .filter-group{justify-content:flex-start}.vacancies-page .filter-btn{padding:8px 14px;font-size:var(--font-size-xs)}.vacancies-page .search-input{width:100%;min-width:unset}.vacancies-page .vacancy-section2{padding:var(--spacing-6)}}@media(max-width:480px){.vacancies-page{padding:var(--spacing-4) var(--spacing-3)}.vacancies-page h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.vacancies-page .vacancy-section{padding:var(--spacing-4);border-radius:var(--radius-xl)}.vacancies-page .vacancy-section .vacancy-text h2{font-size:var(--font-size-xl)}.vacancies-page .vacancy-section2{padding:var(--spacing-4);border-radius:var(--radius-xl)}.vacancies-page .filter-controls{padding:var(--spacing-3);border-radius:var(--radius-lg)}.no-results{padding:var(--spacing-8);font-size:var(--font-size-medium)}}.contact-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 100px);padding:var(--spacing-10) var(--spacing-6)}.contact-frame{background:var(--gradient-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);padding:var(--spacing-12);max-width:640px;width:100%;text-align:center;border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden}.contact-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.contact-frame h2{color:var(--klm-dark-blue);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6);font-weight:var(--font-weight-bold)}.contact-frame p{color:var(--gray-text);font-size:var(--font-size-large);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.contact-frame a{color:var(--klm-blue);font-weight:var(--font-weight-semibold);text-decoration:none;position:relative;transition:all var(--transition-fast)}.contact-frame a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.contact-frame a:hover:after{width:100%}.contact-icon{width:64px;height:64px;background:var(--klm-blue-lighter);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);font-size:1.75rem}@media(max-width:768px){.contact-page{padding:var(--spacing-6) var(--spacing-4)}.contact-frame{padding:var(--spacing-8) var(--spacing-6)}.contact-frame h2{font-size:var(--font-size-2xl)}.contact-frame p{font-size:var(--font-size-medium)}.contact-icon{width:56px;height:56px;font-size:1.5rem}}@media(max-width:480px){.contact-page{padding:var(--spacing-4) var(--spacing-3)}.contact-frame{padding:var(--spacing-6) var(--spacing-4);border-radius:var(--radius-xl)}.contact-frame h2{font-size:var(--font-size-xl)}.contact-frame p{font-size:var(--font-size-small)}}.faq-item{border-bottom:1px solid #ddd}.faq-item:last-child{border-bottom:none}.faq-question{background:none;border:none;width:100%;text-align:left;font-size:1.1rem;color:#00a1e4;cursor:pointer;padding:16px 12px;display:flex;align-items:center;justify-content:space-between;font-family:inherit;font-weight:600;transition:background-color .2s ease;gap:12px}.faq-question span:first-child{flex:1;min-width:0}.faq-question:hover{background-color:#f4f4f4}.faq-question:focus{outline:2px solid #00a1e4;outline-offset:-2px}.faq-icon{font-size:1.5rem;color:#00a1e4;font-weight:700;flex-shrink:0}.faq-answer{padding:16px 12px;font-size:1rem;color:#333;line-height:1.6;background-color:#fafafa;border-radius:0 0 8px 8px;overflow-wrap:break-word;word-break:break-word}.faq-answer a{color:#00a1e4;text-decoration:none}.faq-answer a:hover{text-decoration:underline}@media(max-width:768px){.faq-question{font-size:1rem;padding:14px 10px}.faq-answer{padding:14px 10px;font-size:.95rem}}@media(max-width:480px){.faq-question{font-size:.9375rem;padding:12px 8px}.faq-answer{padding:12px 8px;font-size:.875rem}}.faq-page{padding:var(--spacing-10) var(--spacing-6);display:flex;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 100px)}.faq-page .faq-section{max-width:800px;width:100%;padding:var(--spacing-8);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.04)}.faq-title{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-8);color:var(--klm-dark-blue);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.faq-item{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.faq-item:nth-child(1){animation-delay:.05s}.faq-item:nth-child(2){animation-delay:.1s}.faq-item:nth-child(3){animation-delay:.15s}.faq-item:nth-child(4){animation-delay:.2s}.faq-item:nth-child(5){animation-delay:.25s}.faq-item:nth-child(6){animation-delay:.3s}.faq-item:nth-child(7){animation-delay:.35s}.faq-item:nth-child(8){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.faq-page{padding:var(--spacing-6) var(--spacing-4)}.faq-page .faq-section{padding:var(--spacing-5);border-radius:var(--radius-xl)}.faq-title{font-size:var(--font-size-2xl)}.faq-list{gap:var(--spacing-1)}}@media(max-width:480px){.faq-page{padding:var(--spacing-4) var(--spacing-3)}.faq-page .faq-section{padding:var(--spacing-4);border-radius:var(--radius-lg)}.faq-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-5)}}:root{--klm-blue: #00a1e4;--klm-blue-light: #33b5eb;--klm-blue-lighter: #e6f7fd;--klm-dark-blue: #003145;--klm-navy: #00205b;--klm-light-blue: #14a9ff;--klm-hover-blue: #0078d7;--klm-dark-hover: #044b67;--gradient-primary: linear-gradient(135deg, #00a1e4 0%, #0078d7 100%);--gradient-dark: linear-gradient(135deg, #003145 0%, #004d6a 100%);--gradient-hero: linear-gradient(135deg, rgba(0, 49, 69, .85) 0%, rgba(0, 161, 228, .7) 100%);--gradient-card: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--gradient-accent: linear-gradient(135deg, #00a1e4 0%, #14a9ff 100%);--white: #ffffff;--black: #000000;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-light: #f4f4f4;--gray-200: #e2e8f0;--gray-card: #f7f7f7;--gray-card-alt: #fafbfc;--gray-300: #cbd5e1;--gray-text: #64748b;--gray-text-dark: #475569;--gray-border: #e2e8f0;--gray-dark: #94a3b8;--gray-note: #f0f4f8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 16px;--font-size-xs: .75rem;--font-size-small: .8125rem;--font-size-medium: .9375rem;--font-size-large: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--header-height: 60px;--footer-height: 48px;--max-width: 1400px;--max-width-content: 1280px;--sidebar-width: 240px;--content-padding: clamp(16px, 4vw, 48px);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--shadow-card: 0 4px 20px rgba(0, 0, 0, .06);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .12);--shadow-button: 0 4px 14px rgba(0, 161, 228, .35);--shadow-button-hover: 0 6px 20px rgba(0, 161, 228, .45);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(0, 161, 228, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--z-toast: 700;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--focus-ring: 0 0 0 3px rgba(0, 161, 228, .4);--focus-ring-offset: 0 0 0 2px var(--white), 0 0 0 4px var(--klm-blue)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;padding:0;margin:0;background-color:var(--gray-50);font-family:var(--font-family);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-text-dark);letter-spacing:var(--letter-spacing-normal)}h1,h2,h3,h4,h5,h6{margin-top:0;font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--klm-dark-blue)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl);color:var(--klm-blue)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-top:0;margin-bottom:var(--spacing-4);color:var(--gray-text)}a{color:var(--klm-blue);text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{color:var(--klm-hover-blue)}a:focus-visible{outline:2px solid var(--klm-blue);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--klm-blue-lighter);color:var(--klm-dark-blue)}header{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--black);padding:12px 16px;position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);box-shadow:var(--shadow-md);border-bottom:1px solid rgba(0,0,0,.05);transition:all var(--transition-normal)}@media(min-width:769px){header{padding:12px 24px}}nav{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto}main{padding:var(--content-padding);padding-top:calc(var(--header-height) + 24px);padding-bottom:calc(var(--footer-height) + 32px);min-height:100vh;background:var(--gray-50)}footer{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--gray-text);text-align:center;padding:14px 0;width:100%;position:fixed;bottom:0;left:0;border-top:1px solid rgba(0,0,0,.05);font-size:var(--font-size-small)}.btn,.btn-center{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient-primary);color:var(--white);padding:12px 28px;font-size:var(--font-size-medium);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-lg);text-decoration:none;text-align:center;cursor:pointer;margin-top:100px;transition:all var(--transition-normal);box-shadow:var(--shadow-button);position:relative;overflow:hidden}.btn:before,.btn-center:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity var(--transition-fast)}.btn:hover,.btn-center:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover);color:var(--white)}.btn:hover:before,.btn-center:hover:before{opacity:1}.btn:active,.btn-center:active{transform:translateY(0)}.btn:focus-visible,.btn-center:focus-visible{outline:none;box-shadow:var(--focus-ring-offset)}@media(max-width:768px){main{padding:var(--spacing-4);padding-top:calc(var(--header-height) + 16px);padding-bottom:calc(var(--footer-height) + 24px)}.btn-center{display:inline-flex!important;margin:var(--spacing-5) auto!important;width:auto!important;padding:14px 32px!important}html,body{max-width:100vw;overflow-x:hidden}}@media(max-width:480px){main{padding:var(--spacing-3);padding-top:calc(var(--header-height) + 12px);padding-bottom:calc(var(--footer-height) + 16px)}.btn,.btn-center{padding:10px 20px;font-size:var(--font-size-small);margin-top:var(--spacing-4)}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}