:root{--primary-color:#A5B4AA;--secondary-color:#B1CABA;--tertiary-color:#DFEAE6;--text-dark:#2c3e50;--text-light:#34495e;--white:#fff;--light-bg:#f8f9fa;--shadow-soft:0 2px 8px #a5b4aa26;--shadow-medium:0 4px 12px #a5b4aa40}
@media (prefers-color-scheme: dark) {
:root{--text-dark:#ecf0f1;--text-light:#bdc3c7;--white:#1a1a1a;--light-bg:#2c2c2c}
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-dark);line-height:1.7;overflow-x:hidden;background:var(--light-bg)}
header{background:linear-gradient(135deg,var(--tertiary-color),var(--white));border-bottom:1px solid #a5b4aa33;position:relative}
.header_wrapper_8kx{max-width:1200px;margin:0 auto;padding:0 20px}
.top_section_9pq{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #a5b4aa26}
.logo_container_3mz{display:flex;align-items:center;gap:15px;z-index:100;position:relative}
.logo_container_3mz img{height:65px;width:65px;object-fit:contain}
.brand_name_7wy{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:var(--text-dark);letter-spacing:-.5px}
.contact_info_5rd{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.contact_item_2hn{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:.9rem}
.contact_item_2hn i{color:var(--primary-color);font-size:1.1rem}
.navigation_section_4lx{display:flex;justify-content:center;padding:18px 0}
.main_nav_6tp{display:flex;gap:5px;list-style:none;flex-wrap:wrap;justify-content:center}
.main_nav_6tp li a{display:block;padding:12px 24px;color:var(--text-dark);text-decoration:none;font-weight:500;font-size:1rem;border-radius:6px;transition:background-color .2s ease,color .2s ease}
.main_nav_6tp li a:hover{color:var(--white);background:var(--primary-color)}
.main_nav_6tp li a:focus{outline:2px solid var(--secondary-color);outline-offset:2px}
footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1;padding:50px 20px 30px;margin-top:60px}
.footer_grid_8yz{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}
.footer_section_1qw h3{font-size:1.2rem;margin-bottom:18px;color:var(--secondary-color);font-weight:600}
.footer_section_1qw p{line-height:1.8;color:#bdc3c7;margin-bottom:10px}
.footer_links_9xm{list-style:none}
.footer_links_9xm li{margin-bottom:12px}
.footer_links_9xm a{color:#bdc3c7;text-decoration:none;transition:color .2s ease}
.footer_links_9xm a:hover{color:var(--secondary-color)}
.age_badge_3km{display:inline-flex;align-items:center;gap:8px;background:#b1caba33;padding:10px 18px;border-radius:8px;font-weight:600;margin-bottom:20px}
.disclaimer_box_7nt{max-width:1200px;margin:40px auto 0;padding:25px;background:#ffffff0d;border-radius:8px;border:1px solid #b1caba4d}
.disclaimer_box_7nt p{font-size:.95rem;line-height:1.7;color:#ecf0f1;margin-bottom:10px}
.disclaimer_box_7nt strong{color:var(--secondary-color)}
.copyright_bar_2vk{max-width:1200px;margin:30px auto 0;padding-top:25px;border-top:1px solid #ffffff1a;text-align:center;color:#95a5a6;font-size:.9rem}
.age_overlay_9mk{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}
.age_modal_4jx{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--white),var(--tertiary-color));padding:40px;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:480px;width:90vw;z-index:10000;text-align:center}
.age_modal_4jx h2{font-size:1.8rem;margin-bottom:20px;color:var(--text-dark)}
.age_modal_4jx p{font-size:1.05rem;line-height:1.6;color:var(--text-light);margin-bottom:30px}
.age_buttons_6hw{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.age_btn_confirm_8lp,.age_btn_deny_3tr{padding:14px 32px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;min-height:50px;min-width:140px}
.age_btn_confirm_8lp{background:var(--primary-color);color:var(--white)}
.age_btn_confirm_8lp:hover{opacity:.9}
.age_btn_deny_3tr{background:#95a5a6;color:var(--white)}
.age_btn_deny_3tr:hover{opacity:.85}
.age_disclaimer_5mt{margin-top:20px;font-size:.85rem;color:var(--text-light);line-height:1.5}
.cookie_banner_7qm{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#2c3e50,#34495e);padding:25px 20px;box-shadow:0 -4px 12px #0003;z-index:9998;transform:translateY(100%);transition:transform .3s ease}
.cookie_banner_7qm.visible_state_2nx{transform:translateY(0)}
.cookie_content_3vp{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
.cookie_text_8kr{flex:1;min-width:280px;color:#ecf0f1;font-size:.95rem;line-height:1.6}
.cookie_text_8kr a{color:var(--secondary-color);text-decoration:underline}
.cookie_actions_4mw{display:flex;gap:12px;flex-wrap:wrap}
.cookie_btn_accept_9lq,.cookie_btn_reject_5hp{padding:12px 26px;font-size:.95rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s ease;min-height:44px}
.cookie_btn_accept_9lq{background:var(--primary-color);color:var(--white)}
.cookie_btn_reject_5hp{background:none;color:#ecf0f1;border:1px solid #7f8c8d}
.cookie_btn_accept_9lq:hover,.cookie_btn_reject_5hp:hover{opacity:.85}
@media (max-width: 768px) {
.top_section_9pq{flex-direction:column;gap:15px;text-align:center}
.contact_info_5rd{justify-content:center;flex-direction:column;gap:12px}
.navigation_section_4lx{padding:12px 0}
.main_nav_6tp{gap:8px}
.main_nav_6tp li a{padding:10px 16px;font-size:.9rem}
.footer_grid_8yz{grid-template-columns:1fr;gap:30px}
.age_modal_4jx{width:90vw;max-width:350px;padding:30px 25px}
.age_modal_4jx h2{font-size:1.5rem}
.age_buttons_6hw{flex-direction:column}
.age_btn_confirm_8lp,.age_btn_deny_3tr{width:100%}
.cookie_content_3vp{flex-direction:column;text-align:center}
.cookie_actions_4mw{width:100%;flex-direction:column}
.cookie_btn_accept_9lq,.cookie_btn_reject_5hp{width:100%}
}
.leertraject-wrapper{background:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6}
.leertraject-hero-section{background:linear-gradient(135deg,#DFEAE6 0%,#B1CABA 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.leertraject-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%;z-index:1}
.leertraject-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}
.leertraject-hero-title{font-size:2.8rem;color:#212529;margin-bottom:20px;font-weight:700;letter-spacing:-.5px}
.leertraject-hero-subtitle{font-size:1.3rem;color:#343a40;margin-bottom:35px;line-height:1.5}
.leertraject-hero-cta{display:inline-block;background:#A5B4AA;color:#fff;padding:15px 40px;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 12px #a5b4aa4d}
.leertraject-hero-cta:hover{background:#8f9f94;transform:translateY(-2px);box-shadow:0 6px 18px #a5b4aa66}
.leertraject-curriculum-block{padding:70px 20px;background:#f8f9fa}
.leertraject-curriculum-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.leertraject-curriculum-text{padding-right:20px}
.leertraject-section-label{color:#A5B4AA;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px}
.leertraject-curriculum-heading{font-size:2.3rem;color:#212529;margin-bottom:25px;font-weight:700;line-height:1.2}
.leertraject-curriculum-description{font-size:1.05rem;color:#495057;margin-bottom:30px;line-height:1.7}
.leertraject-curriculum-modules{display:flex;flex-direction:column;gap:20px}
.leertraject-module-item{background:#fff;padding:22px 26px;border-left:4px solid #B1CABA;border-radius:6px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}
.leertraject-module-item:hover{transform:translateX(8px);box-shadow:0 4px 14px #0000001a}
.leertraject-module-title{font-size:1.15rem;color:#212529;font-weight:600;margin-bottom:8px}
.leertraject-module-detail{font-size:.95rem;color:#6c757d;line-height:1.5}
.leertraject-curriculum-visual{position:relative}
.leertraject-curriculum-image{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #0000001f}
.leertraject-projects-section{padding:70px 20px;background:#fff}
.leertraject-projects-container{max-width:1100px;margin:0 auto}
.leertraject-projects-intro{text-align:center;margin-bottom:55px}
.leertraject-projects-title{font-size:2.2rem;color:#212529;margin-bottom:18px;font-weight:700}
.leertraject-projects-lead{font-size:1.1rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.6}
.leertraject-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.leertraject-project-card{background:linear-gradient(to bottom,#DFEAE6 0%,#fff 40%);border-radius:10px;padding:35px 28px;text-align:center;transition:all .3s ease;border:1px solid #e9ecef}
.leertraject-project-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #a5b4aa33}
.leertraject-project-icon{font-size:2.8rem;color:#A5B4AA;margin-bottom:20px}
.leertraject-project-name{font-size:1.25rem;color:#212529;font-weight:600;margin-bottom:12px}
.leertraject-project-info{font-size:.95rem;color:#6c757d;line-height:1.6}
.leertraject-methodology-section{padding:70px 20px;background:#f5f6fa;position:relative}
.leertraject-methodology-container{max-width:1150px;margin:0 auto}
.leertraject-methodology-header{text-align:center;margin-bottom:50px}
.leertraject-methodology-heading{font-size:2.2rem;color:#212529;margin-bottom:15px;font-weight:700}
.leertraject-methodology-subheading{font-size:1.05rem;color:#495057;max-width:650px;margin:0 auto}
.leertraject-methodology-layout{display:flex;gap:45px;align-items:center}
.leertraject-methodology-visual{flex:0 0 45%}
.leertraject-methodology-photo{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 20px #0000001a}
.leertraject-methodology-content{flex:1}
.leertraject-approach-list{display:flex;flex-direction:column;gap:25px}
.leertraject-approach-point{display:flex;gap:18px;align-items:flex-start}
.leertraject-approach-number{flex-shrink:0;width:42px;height:42px;background:#B1CABA;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}
.leertraject-approach-text-block{flex:1}
.leertraject-approach-label{font-size:1.15rem;color:#212529;font-weight:600;margin-bottom:6px}
.leertraject-approach-explanation{font-size:.95rem;color:#6c757d;line-height:1.6}
.leertraject-testimonials-section{padding:70px 20px;background:#fff}
.leertraject-testimonials-container{max-width:1000px;margin:0 auto}
.leertraject-testimonials-heading{text-align:center;font-size:2.2rem;color:#212529;margin-bottom:50px;font-weight:700}
.leertraject-testimonials-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.leertraject-testimonial-card{background:#f8f9fa;padding:35px 30px;border-radius:10px;position:relative;border-top:4px solid #A5B4AA;box-shadow:0 3px 10px #0000000d}
.leertraject-testimonial-quote{font-size:1rem;color:#495057;line-height:1.7;margin-bottom:25px;font-style:italic}
.leertraject-testimonial-author-block{display:flex;align-items:center;gap:18px}
.leertraject-testimonial-photo{width:55px;height:55px;border-radius:50%;object-fit:cover;border:3px solid #B1CABA}
.leertraject-testimonial-info{flex:1}
.leertraject-testimonial-name{font-size:1.05rem;color:#212529;font-weight:600;margin-bottom:3px}
.leertraject-testimonial-role{font-size:.9rem;color:#6c757d}
@media (max-width: 768px) {
.leertraject-hero-title{font-size:2rem}
.leertraject-hero-subtitle{font-size:1.1rem}
.leertraject-curriculum-container{grid-template-columns:1fr;gap:35px}
.leertraject-curriculum-text{padding-right:0}
.leertraject-projects-grid{grid-template-columns:1fr;gap:25px}
.leertraject-methodology-layout{flex-direction:column}
.leertraject-methodology-visual{flex:1 1 100%}
.leertraject-testimonials-wrapper{grid-template-columns:1fr;gap:30px}
.leertraject-curriculum-heading,.leertraject-projects-title,.leertraject-methodology-heading,.leertraject-testimonials-heading{font-size:1.8rem}
}
.index-hero-wrapper{background:linear-gradient(135deg,#DFEAE6 0%,#B1CABA 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.index-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#a5b4aa26;border-radius:50%;z-index:1}
.index-hero-content{max-width:1140px;margin:0 auto;position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:40px}
.index-hero-text{flex:1;min-width:300px}
.index-hero-heading{font-size:2.8rem;line-height:1.2;color:#212529;margin:0 0 20px;font-weight:700}
.index-hero-subtext{font-size:1.15rem;line-height:1.6;color:#343a40;margin:0 0 30px}
.index-hero-cta-group{display:flex;gap:15px;flex-wrap:wrap}
.index-cta-primary{background:#A5B4AA;color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;border:2px solid #A5B4AA;display:inline-block}
.index-cta-primary:hover{background:#8fa097;border-color:#8fa097;transform:translateY(-2px);box-shadow:0 6px 20px #a5b4aa4d}
.index-cta-secondary{background:none;color:#343a40;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;border:2px solid #343a40;display:inline-block}
.index-cta-secondary:hover{background:#343a40;color:#fff;transform:translateY(-2px)}
.index-hero-visual{flex:1;min-width:300px;position:relative}
.index-hero-image{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 40px #00000026}
.index-curriculum-section{background:#fff;padding:70px 20px}
.index-curriculum-container{max-width:1140px;margin:0 auto}
.index-curriculum-header{text-align:center;margin-bottom:50px}
.index-curriculum-title{font-size:2.4rem;color:#212529;margin:0 0 15px;font-weight:700}
.index-curriculum-subtitle{font-size:1.1rem;color:#495057;margin:0;line-height:1.6}
.index-curriculum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}
.index-curriculum-card{background:#f8f9fa;padding:35px 25px;border-radius:8px;border-left:4px solid #B1CABA;transition:all .3s ease}
.index-curriculum-card:hover{transform:translateX(8px);box-shadow:0 8px 25px #0000001a;border-left-color:#A5B4AA}
.index-curriculum-card-icon{font-size:2.5rem;color:#A5B4AA;margin-bottom:20px;display:block}
.index-curriculum-card-heading{font-size:1.5rem;color:#212529;margin:0 0 12px;font-weight:600}
.index-curriculum-card-text{font-size:1rem;color:#495057;line-height:1.6;margin:0}
.index-learning-path-section{background:linear-gradient(180deg,#DFEAE6 0%,#fff 100%);padding:70px 20px}
.index-learning-path-wrapper{max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;gap:50px;align-items:center}
.index-learning-path-visual{flex:1;min-width:300px}
.index-learning-path-img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px #0000001f}
.index-learning-path-content{flex:1;min-width:300px}
.index-learning-path-heading{font-size:2.2rem;color:#212529;margin:0 0 25px;font-weight:700}
.index-learning-timeline{position:relative;padding-left:50px}
.index-timeline-item{position:relative;margin-bottom:35px;padding-bottom:10px}
.index-timeline-item::before{content:'';position:absolute;left:-36px;top:8px;width:16px;height:16px;background:#B1CABA;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #B1CABA;z-index:2}
.index-timeline-item::after{content:'';position:absolute;left:-29px;top:24px;width:2px;height:calc(100% + 20px);background:#DFEAE6;z-index:1}
.index-timeline-item:last-child::after{display:none}
.index-timeline-phase{font-size:.9rem;color:#A5B4AA;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}
.index-timeline-title{font-size:1.3rem;color:#212529;margin:0 0 8px;font-weight:600}
.index-timeline-description{font-size:1rem;color:#495057;line-height:1.5;margin:0}
.index-mentor-section{background:#fff;padding:70px 20px}
.index-mentor-container{max-width:1140px;margin:0 auto}
.index-mentor-intro{text-align:center;margin-bottom:50px}
.index-mentor-heading{font-size:2.4rem;color:#212529;margin:0 0 15px;font-weight:700}
.index-mentor-intro-text{font-size:1.1rem;color:#495057;margin:0;line-height:1.6}
.index-mentor-profile-card{background:linear-gradient(135deg,#f8f9fa 0%,#DFEAE6 100%);border-radius:12px;padding:40px;display:flex;flex-wrap:wrap;gap:40px;align-items:center;box-shadow:0 6px 25px #00000014}
.index-mentor-photo-wrapper{flex:0 0 200px}
.index-mentor-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:5px solid #B1CABA;box-shadow:0 4px 15px #0000001a}
.index-mentor-details{flex:1;min-width:280px}
.index-mentor-name{font-size:1.8rem;color:#212529;margin:0 0 8px;font-weight:700}
.index-mentor-role{font-size:1.1rem;color:#A5B4AA;margin:0 0 20px;font-weight:600}
.index-mentor-bio{font-size:1.05rem;color:#495057;line-height:1.7;margin:0 0 25px}
.index-mentor-expertise{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.index-expertise-tag{background:#B1CABA;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}
.index-project-showcase-section{background:#f8f9fa;padding:70px 20px}
.index-project-showcase-container{max-width:1140px;margin:0 auto}
.index-project-header{text-align:center;margin-bottom:50px}
.index-project-heading{font-size:2.4rem;color:#212529;margin:0 0 15px;font-weight:700}
.index-project-intro{font-size:1.1rem;color:#495057;margin:0;line-height:1.6}
.index-project-display{background:#fff;border-radius:12px;padding:45px;box-shadow:0 8px 30px #0000001a}
.index-project-image-wrapper{margin-bottom:35px;overflow:hidden;border-radius:8px}
.index-project-image{width:100%;height:auto;display:block;transition:transform .4s ease}
.index-project-image:hover{transform:scale(1.05)}
.index-project-info{padding:0 20px}
.index-project-title{font-size:1.8rem;color:#212529;margin:0 0 20px;font-weight:700}
.index-project-description{font-size:1.05rem;color:#495057;line-height:1.7;margin:0 0 25px}
.index-project-tech-stack{margin-top:25px}
.index-tech-label{font-size:.95rem;color:#343a40;font-weight:600;margin:0 0 12px}
.index-tech-tags{display:flex;flex-wrap:wrap;gap:10px}
.index-tech-tag{background:#DFEAE6;color:#343a40;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500}
.index-enrollment-section{background:linear-gradient(135deg,#A5B4AA 0%,#B1CABA 100%);padding:80px 20px;position:relative;overflow:hidden}
.index-enrollment-section::before{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;z-index:1}
.index-enrollment-container{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.index-enrollment-heading{font-size:2.5rem;color:#fff;margin:0 0 20px;font-weight:700}
.index-enrollment-text{font-size:1.15rem;color:#fff;line-height:1.7;margin:0 0 15px}
.index-enrollment-detail{font-size:1.1rem;color:#DFEAE6;margin:0 0 35px;font-weight:600}
.index-enrollment-cta-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.index-enrollment-btn-primary{background:#fff;color:#343a40;padding:16px 40px;border-radius:6px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;border:2px solid #fff;display:inline-block}
.index-enrollment-btn-primary:hover{background:none;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #00000026}
.index-enrollment-btn-secondary{background:none;color:#fff;padding:16px 40px;border-radius:6px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;border:2px solid #fff;display:inline-block}
.index-enrollment-btn-secondary:hover{background:#fff;color:#343a40;transform:translateY(-3px)}
@media (max-width: 768px) {
.index-hero-wrapper{padding:50px 20px 40px}
.index-hero-heading{font-size:2rem}
.index-hero-subtext{font-size:1rem}
.index-hero-cta-group{flex-direction:column}
.index-cta-primary,.index-cta-secondary{width:100%;text-align:center}
.index-curriculum-title,.index-learning-path-heading,.index-mentor-heading,.index-project-heading{font-size:1.8rem}
.index-enrollment-heading{font-size:1.9rem}
.index-curriculum-grid{grid-template-columns:1fr}
.index-learning-timeline{padding-left:40px}
.index-timeline-item::before{left:-30px}
.index-timeline-item::after{left:-23px}
.index-mentor-profile-card{flex-direction:column;text-align:center;padding:30px 20px}
.index-mentor-photo-wrapper{flex:0 0 auto}
.index-mentor-expertise{justify-content:center}
.index-project-display{padding:25px 20px}
.index-enrollment-cta-group{flex-direction:column}
.index-enrollment-btn-primary,.index-enrollment-btn-secondary{width:100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.index-hero-heading{font-size:2.3rem}
.index-curriculum-grid{grid-template-columns:repeat(2,1fr)}
}
.contact-main-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#DFEAE6 100%);min-height:100vh;padding:0;margin:0}
.contact-hero-area{background:linear-gradient(to bottom right,#B1CABA,#A5B4AA);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.contact-hero-area::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%;z-index:1}
.contact-hero-area h1{color:#fff;font-size:2.8rem;margin:0 0 15px;font-weight:700;position:relative;z-index:2}
.contact-hero-area p{color:#fff;font-size:1.15rem;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:2}
.contact-content-area{max-width:1200px;margin:-40px auto 0;padding:0 20px 80px;position:relative;z-index:10}
.contact-form-section{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014;padding:50px 40px;margin-bottom:40px}
.contact-form-section h2{color:#2d3436;font-size:2rem;margin:0 0 30px;font-weight:600}
.contact-form-section form{display:flex;flex-direction:column;gap:25px}
.form-input-group{display:flex;flex-direction:column;gap:8px}
.form-input-group label{color:#495057;font-size:.95rem;font-weight:500}
.form-input-group input,.form-input-group textarea{padding:14px 16px;border:2px solid #e0e6ed;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;background:#fafbfc}
.form-input-group input:focus,.form-input-group textarea:focus{outline:none;border-color:#A5B4AA;background:#fff;box-shadow:0 0 0 3px #a5b4aa1a}
.form-input-group textarea{min-height:160px;resize:vertical}
.privacy-consent-wrapper{display:flex;align-items:flex-start;gap:12px;margin-top:10px}
.privacy-consent-wrapper input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.privacy-consent-wrapper label{color:#495057;font-size:.9rem;line-height:1.5;cursor:pointer}
.privacy-consent-wrapper label a{color:#A5B4AA;text-decoration:underline}
.privacy-consent-wrapper label a:hover{color:#8a9c92}
.form-submit-btn{background:linear-gradient(135deg,#A5B4AA,#B1CABA);color:#fff;padding:16px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}
.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a5b4aa4d}
.contact-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}
.info-card-block{background:#fff;border-radius:12px;padding:35px 30px;box-shadow:0 4px 15px #0000000f;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.info-card-block::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#A5B4AA,#B1CABA);border-radius:12px 12px 0 0}
.info-card-block:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}
.info-card-icon{width:50px;height:50px;background:linear-gradient(135deg,#DFEAE6,#B1CABA);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.info-card-icon i{font-size:24px;color:#A5B4AA}
.info-card-block h3{color:#2d3436;font-size:1.3rem;margin:0 0 12px;font-weight:600}
.info-card-block p{color:#636e72;font-size:1rem;line-height:1.7;margin:0}
.info-card-block a{color:#A5B4AA;text-decoration:none;transition:color .2s ease}
.info-card-block a:hover{color:#8a9c92}
.visual-highlight-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:50px}
.highlight-image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000001f}
.highlight-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover}
.highlight-content-box{padding:20px 0}
.highlight-content-box h2{color:#2d3436;font-size:2rem;margin:0 0 20px;font-weight:600;line-height:1.3}
.highlight-content-box p{color:#636e72;font-size:1.05rem;line-height:1.8;margin:0 0 15px}
.highlight-feature-list{list-style:none;padding:0;margin:25px 0 0}
.highlight-feature-list li{color:#495057;font-size:1rem;padding:12px 0;padding-left:35px;position:relative;line-height:1.6}
.highlight-feature-list li::before{content:'\f00c';position:absolute;left:0;color:#A5B4AA;font:18px 'FontAwesome'}
@media (max-width: 768px) {
.contact-hero-area{padding:60px 20px 50px}
.contact-hero-area h1{font-size:2rem}
.contact-hero-area p{font-size:1rem}
.contact-form-section{padding:35px 25px}
.contact-form-section h2{font-size:1.6rem}
.form-submit-btn{align-self:stretch}
.contact-info-section{grid-template-columns:1fr;gap:20px}
.visual-highlight-section{grid-template-columns:1fr;gap:30px}
.highlight-image-wrapper{order:-1}
.highlight-content-box h2{font-size:1.6rem}
}
@media (max-width: 480px) {
.contact-form-section{padding:25px 20px}
.info-card-block{padding:25px 20px}
}
.games-hero-section{background:linear-gradient(135deg,#DFEAE6 0%,#B1CABA 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.games-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#a5b4aa26;border-radius:50%}
.games-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.games-hero-content h1{font-size:2.8rem;color:#2d3b32;margin-bottom:20px;font-weight:700;line-height:1.2}
.games-hero-content .subtitle-text{font-size:1.15rem;color:#4a5d52;line-height:1.7;margin-bottom:0}
.game-grid-wrapper{background:#fff;padding:70px 20px}
.game-grid-container{max-width:1100px;margin:0 auto}
.game-grid-intro{text-align:center;margin-bottom:55px}
.game-grid-intro h2{font-size:2.3rem;color:#2d3b32;margin-bottom:18px;font-weight:600}
.game-grid-intro p{font-size:1.05rem;color:#5a6b61;max-width:750px;margin:0 auto;line-height:1.7}
.games-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;margin-bottom:0}
.single-game-card{background:#fafbfc;border:2px solid #DFEAE6;border-radius:12px;padding:35px 28px;transition:all .3s ease;position:relative}
.single-game-card:hover{transform:translateY(-5px);border-color:#B1CABA;box-shadow:0 8px 20px #a5b4aa33}
.game-card-icon{width:60px;height:60px;background:linear-gradient(135deg,#A5B4AA,#B1CABA);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.game-card-icon i{font-size:28px;color:#fff}
.single-game-card h3{font-size:1.5rem;color:#2d3b32;margin-bottom:14px;font-weight:600}
.single-game-card p{font-size:.98rem;color:#5a6b61;line-height:1.7;margin-bottom:0}
.demo-game-section{background:linear-gradient(to bottom,#f8f9fa 0%,#fff 100%);padding:75px 20px;position:relative}
.demo-game-content{max-width:1000px;margin:0 auto}
.demo-section-header{text-align:center;margin-bottom:45px}
.demo-section-header h2{font-size:2.2rem;color:#2d3b32;margin-bottom:16px;font-weight:600}
.demo-section-header p{font-size:1.05rem;color:#5a6b61;max-width:680px;margin:0 auto;line-height:1.7}
.demo-game-container{background:#fff;border:3px solid #B1CABA;border-radius:16px;padding:50px 40px;text-align:center;box-shadow:0 6px 25px #a5b4aa26;position:relative}
.demo-game-container::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#A5B4AA,#B1CABA,#DFEAE6);border-radius:16px;z-index:-1;opacity:.3}
.demo-play-icon{width:90px;height:90px;background:linear-gradient(135deg,#A5B4AA,#B1CABA);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px}
.demo-play-icon i{font-size:38px;color:#fff;margin-left:4px}
.demo-game-container h3{font-size:1.7rem;color:#2d3b32;margin-bottom:16px;font-weight:600}
.demo-game-container .demo-description{font-size:1.02rem;color:#5a6b61;margin-bottom:30px;line-height:1.6}
.demo-try-button{display:inline-block;background:linear-gradient(135deg,#A5B4AA,#B1CABA);color:#fff;padding:16px 45px;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px #a5b4aa4d}
.demo-try-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a5b4aa66;color:#fff}
.development-process-section{background:#fff;padding:70px 20px}
.process-container{max-width:950px;margin:0 auto}
.process-header{margin-bottom:50px}
.process-header h2{font-size:2.3rem;color:#2d3b32;margin-bottom:18px;font-weight:600}
.process-header p{font-size:1.05rem;color:#5a6b61;line-height:1.7}
.process-steps-wrapper{position:relative;padding-left:70px}
.process-step-item{position:relative;margin-bottom:45px;padding-bottom:45px;border-left:3px solid #DFEAE6}
.process-step-item:last-child{border-left:none;margin-bottom:0;padding-bottom:0}
.step-number-badge{position:absolute;left:-42px;top:0;width:70px;height:70px;background:linear-gradient(135deg,#A5B4AA,#B1CABA);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #a5b4aa4d;z-index:2}
.step-content-box{background:#fafbfc;padding:28px 32px;border-radius:10px;border:2px solid #DFEAE6}
.step-content-box h3{font-size:1.5rem;color:#2d3b32;margin-bottom:14px;font-weight:600}
.step-content-box p{font-size:1rem;color:#5a6b61;line-height:1.7;margin-bottom:0}
.learning-outcomes-section{background:linear-gradient(135deg,#f8f9fa 0%,#DFEAE6 100%);padding:70px 20px}
.outcomes-content-wrapper{max-width:1050px;margin:0 auto}
.outcomes-header{text-align:center;margin-bottom:50px}
.outcomes-header h2{font-size:2.3rem;color:#2d3b32;margin-bottom:18px;font-weight:600}
.outcomes-header p{font-size:1.05rem;color:#5a6b61;max-width:720px;margin:0 auto;line-height:1.7}
.outcomes-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.outcome-card-item{background:#fff;padding:32px 28px;border-radius:12px;border-left:5px solid #B1CABA;box-shadow:0 4px 15px #a5b4aa1f;transition:all .3s ease}
.outcome-card-item:hover{transform:translateX(8px);border-left-color:#A5B4AA;box-shadow:0 6px 20px #a5b4aa33}
.outcome-icon-box{width:55px;height:55px;background:linear-gradient(135deg,#DFEAE6,#B1CABA);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.outcome-icon-box i{font-size:26px;color:#2d3b32}
.outcome-card-item h3{font-size:1.35rem;color:#2d3b32;margin-bottom:12px;font-weight:600}
.outcome-card-item p{font-size:.98rem;color:#5a6b61;line-height:1.7;margin-bottom:0}
.course-start-section{background:#fff;padding:70px 20px}
.course-start-container{max-width:850px;margin:0 auto;text-align:center}
.course-start-container h2{font-size:2.3rem;color:#2d3b32;margin-bottom:22px;font-weight:600}
.course-start-container .start-description{font-size:1.08rem;color:#5a6b61;line-height:1.7;margin-bottom:18px}
.course-timing-box{background:linear-gradient(135deg,#DFEAE6,#B1CABA);padding:35px 40px;border-radius:12px;margin-bottom:35px;display:inline-block;min-width:420px}
.course-timing-box .timing-label{font-size:.95rem;color:#4a5d52;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.course-timing-box .timing-date{font-size:2rem;color:#2d3b32;font-weight:700;margin-bottom:0}
.contact-cta-button{display:inline-block;background:linear-gradient(135deg,#A5B4AA,#B1CABA);color:#fff;padding:18px 50px;border-radius:8px;text-decoration:none;font-size:1.15rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #a5b4aa4d}
.contact-cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 22px #a5b4aa66;color:#fff}
@media (max-width: 768px) {
.games-hero-content h1{font-size:2rem}
.games-hero-content .subtitle-text{font-size:1.05rem}
.game-grid-intro h2,.demo-section-header h2,.process-header h2,.outcomes-header h2,.course-start-container h2{font-size:1.8rem}
.games-display-grid{grid-template-columns:1fr;gap:25px}
.demo-game-container{padding:35px 25px}
.process-steps-wrapper{padding-left:50px}
.step-number-badge{left:-32px;width:55px;height:55px;font-size:1.3rem}
.outcomes-grid-layout{grid-template-columns:1fr;gap:22px}
.course-timing-box{min-width:auto;width:100%;padding:28px 25px}
.course-timing-box .timing-date{font-size:1.6rem}
}
@media (max-width: 480px) {
.games-hero-section{padding:60px 15px 45px}
.games-hero-content h1{font-size:1.7rem}
.demo-play-icon{width:75px;height:75px}
.demo-play-icon i{font-size:32px}
.demo-try-button{padding:14px 35px;font-size:1.05rem}
.step-content-box{padding:22px 20px}
.contact-cta-button{padding:16px 40px;font-size:1.05rem}
}
.carriere-wrapper{background:#fafbfc;min-height:100vh}
.carriere-intro-blok{background:linear-gradient(135deg,#DFEAE6 0%,#B1CABA 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.carriere-intro-blok::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff1a;border-radius:50%}
.carriere-intro-inhoud{max-width:800px;margin:0 auto;position:relative;z-index:2}
.carriere-intro-inhoud h1{font-size:2.8rem;color:#212529;margin-bottom:25px;font-weight:700;line-height:1.2}
.carriere-intro-inhoud p{font-size:1.15rem;color:#343a40;line-height:1.7;margin-bottom:18px}
.carriere-rollen-sectie{padding:70px 20px;background:#fff}
.carriere-rollen-container{max-width:1100px;margin:0 auto}
.carriere-rollen-kop{text-align:center;margin-bottom:55px}
.carriere-rollen-kop h2{font-size:2.3rem;color:#212529;margin-bottom:20px;font-weight:600}
.carriere-rollen-kop p{font-size:1.1rem;color:#495057;line-height:1.6;max-width:700px;margin:0 auto}
.carriere-functie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;margin-top:45px}
.carriere-functie-kaart{background:#f8f9fa;border-left:4px solid #A5B4AA;padding:35px 30px;transition:all .3s ease}
.carriere-functie-kaart:hover{transform:translateY(-5px);box-shadow:0 8px 20px #a5b4aa40}
.carriere-functie-kaart h3{font-size:1.5rem;color:#212529;margin-bottom:18px;font-weight:600}
.carriere-functie-kaart p{font-size:1rem;color:#495057;line-height:1.6;margin-bottom:15px}
.carriere-functie-kenmerken{list-style:none;padding:0;margin:20px 0 0}
.carriere-functie-kenmerken li{padding:8px 0 8px 28px;position:relative;color:#343a40;font-size:.95rem}
.carriere-functie-kenmerken li::before{content:'→';position:absolute;left:0;color:#A5B4AA;font-weight:700}
.carriere-verhalen-blok{padding:75px 20px;background:linear-gradient(180deg,#fff 0%,#f5f6fa 100%)}
.carriere-verhalen-wrapper{max-width:1150px;margin:0 auto}
.carriere-verhalen-titel{text-align:center;margin-bottom:50px}
.carriere-verhalen-titel h2{font-size:2.3rem;color:#212529;margin-bottom:15px;font-weight:600}
.carriere-verhalen-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.carriere-verhaal-item{background:#fff;padding:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #00000014}
.carriere-verhaal-profiel{display:flex;align-items:center;padding:30px;background:#DFEAE6;gap:20px}
.carriere-verhaal-foto{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #B1CABA}
.carriere-verhaal-info h4{font-size:1.3rem;color:#212529;margin-bottom:5px;font-weight:600}
.carriere-verhaal-info span{font-size:.95rem;color:#495057}
.carriere-verhaal-tekst{padding:30px}
.carriere-verhaal-tekst p{font-size:1rem;color:#343a40;line-height:1.7;margin-bottom:15px}
.carriere-programma-sectie{padding:70px 20px;background:#fff}
.carriere-programma-inhoud{max-width:1000px;margin:0 auto}
.carriere-programma-kop{margin-bottom:45px}
.carriere-programma-kop h2{font-size:2.3rem;color:#212529;margin-bottom:20px;font-weight:600}
.carriere-programma-kop p{font-size:1.1rem;color:#495057;line-height:1.6}
.carriere-programma-visueel{display:grid;grid-template-columns:2fr 1fr;gap:35px;margin-bottom:50px}
.carriere-programma-foto{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px #0000001a}
.carriere-programma-highlights{background:#f8f9fa;padding:30px;border-radius:8px;border-top:5px solid #A5B4AA}
.carriere-programma-highlights h3{font-size:1.4rem;color:#212529;margin-bottom:25px;font-weight:600}
.carriere-highlight-lijst{list-style:none;padding:0;margin:0}
.carriere-highlight-lijst li{padding:12px 0;border-bottom:1px solid #dee2e6;color:#343a40;font-size:1rem;display:flex;align-items:center;gap:12px}
.carriere-highlight-lijst li:last-child{border-bottom:none}
.carriere-highlight-lijst li i{color:#A5B4AA;font-size:1.2rem}
.carriere-tijdlijn-wrapper{background:linear-gradient(90deg,#DFEAE6 0%,#B1CABA 100%);padding:40px;border-radius:8px;margin-top:40px}
.carriere-tijdlijn-stappen{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative}
.carriere-tijdlijn-stap{background:#fff;padding:25px 20px;border-radius:6px;text-align:center;position:relative}
.carriere-tijdlijn-nummer{width:45px;height:45px;background:#A5B4AA;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin:0 auto 15px}
.carriere-tijdlijn-stap h4{font-size:1.1rem;color:#212529;margin-bottom:10px;font-weight:600}
.carriere-tijdlijn-stap p{font-size:.9rem;color:#495057;line-height:1.5;margin:0}
.carriere-sollicitatie-blok{padding:80px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#DFEAE6 100%)}
.carriere-sollicitatie-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.carriere-sollicitatie-visueel img{width:100%;height:450px;object-fit:cover;border-radius:8px;box-shadow:0 8px 25px #0000001f}
.carriere-sollicitatie-tekst h2{font-size:2.3rem;color:#212529;margin-bottom:25px;font-weight:600;line-height:1.3}
.carriere-sollicitatie-tekst p{font-size:1.05rem;color:#343a40;line-height:1.7;margin-bottom:18px}
.carriere-sollicitatie-info{background:#fff;padding:25px;border-radius:6px;margin-top:30px;border-left:4px solid #B1CABA}
.carriere-sollicitatie-info h3{font-size:1.3rem;color:#212529;margin-bottom:15px;font-weight:600}
.carriere-sollicitatie-info p{font-size:.95rem;color:#495057;margin:8px 0;display:flex;align-items:center;gap:10px}
.carriere-sollicitatie-info p i{color:#A5B4AA}
.carriere-sollicitatie-info a{color:#343a40;text-decoration:none;font-weight:500;transition:color .3s ease}
.carriere-sollicitatie-info a:hover{color:#A5B4AA}
.carriere-actie-knop{display:inline-block;background:#A5B4AA;color:#fff;padding:15px 35px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;margin-top:25px;transition:all .3s ease;box-shadow:0 3px 10px #a5b4aa4d}
.carriere-actie-knop:hover{background:#8a9c91;transform:translateY(-2px);box-shadow:0 5px 15px #a5b4aa66;color:#fff}
@media (max-width: 768px) {
.carriere-intro-blok{padding:50px 20px 60px}
.carriere-intro-inhoud h1{font-size:2rem}
.carriere-intro-inhoud p{font-size:1rem}
.carriere-rollen-sectie,.carriere-verhalen-blok,.carriere-programma-sectie{padding:50px 20px}
.carriere-rollen-kop h2,.carriere-verhalen-titel h2,.carriere-programma-kop h2,.carriere-sollicitatie-tekst h2{font-size:1.8rem}
.carriere-functie-grid{grid-template-columns:1fr;gap:25px}
.carriere-verhalen-layout{grid-template-columns:1fr;gap:30px}
.carriere-programma-visueel{grid-template-columns:1fr}
.carriere-programma-foto{height:280px}
.carriere-tijdlijn-stappen{grid-template-columns:1fr;gap:20px}
.carriere-sollicitatie-grid{grid-template-columns:1fr;gap:35px}
.carriere-sollicitatie-visueel img{height:300px}
.carriere-sollicitatie-blok{padding:50px 20px}
}
.cookie-policy-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.cookie-hero-section{background:linear-gradient(to right,#DFEAE6,#B1CABA);padding:4rem 1.5rem 3rem;text-align:center;border-bottom:3px solid #A5B4AA;margin-bottom:0}
.cookie-hero-section h1{color:#212529;font-size:2.5rem;font-weight:700;margin:0 0 1rem;line-height:1.2}
.cookie-hero-section .subtitle-text{color:#343a40;font-size:1.1rem;max-width:720px;margin:0 auto;line-height:1.6}
.cookie-content-container{max-width:900px;margin:0 auto;padding:3rem 1.5rem;background:#fff;box-shadow:0 2px 8px #00000014;border-radius:8px;margin-top:2rem;margin-bottom:3rem}
.cookie-intro-block{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #DFEAE6}
.cookie-intro-block p{color:#495057;font-size:1.05rem;line-height:1.7;margin-bottom:1rem}
.cookie-intro-block p:last-child{margin-bottom:0}
.cookie-section-block{margin-bottom:2.8rem}
.cookie-section-block h2{color:#212529;font-size:1.8rem;font-weight:600;margin-bottom:1.2rem;padding-left:.8rem;border-left:4px solid #A5B4AA}
.cookie-section-block h3{color:#343a40;font-size:1.4rem;font-weight:600;margin:1.8rem 0 1rem}
.cookie-section-block p{color:#495057;font-size:1rem;line-height:1.7;margin-bottom:1rem}
.cookie-types-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}
.cookie-type-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #DFEAE6;border-radius:8px;padding:1.5rem;transition:all .3s ease}
.cookie-type-card:hover{border-color:#A5B4AA;box-shadow:0 4px 12px #a5b4aa26;transform:translateY(-2px)}
.cookie-type-card h4{color:#212529;font-size:1.3rem;font-weight:600;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}
.cookie-type-card h4 i{color:#A5B4AA;font-size:1.4rem}
.cookie-type-card p{color:#495057;font-size:.98rem;line-height:1.6;margin-bottom:0}
.cookie-list-style{list-style:none;padding-left:0;margin:1.5rem 0}
.cookie-list-style li{color:#495057;font-size:1rem;line-height:1.7;margin-bottom:.8rem;padding-left:2rem;position:relative}
.cookie-list-style li:before{content:"•";color:#A5B4AA;font-size:1.5rem;position:absolute;left:.5rem;top:-.1rem}
.cookie-management-box{background:linear-gradient(to right,#DFEAE6,#f8f9fa);border-left:5px solid #B1CABA;padding:1.8rem;margin:2rem 0;border-radius:6px}
.cookie-management-box h4{color:#212529;font-size:1.2rem;font-weight:600;margin-bottom:1rem}
.cookie-management-box p{color:#495057;font-size:.98rem;line-height:1.6;margin-bottom:.8rem}
.browser-controls-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}
.browser-control-item{background:#fff;border:1px solid #DFEAE6;padding:1rem 1.2rem;border-radius:6px;display:flex;align-items:center;gap:1rem}
.browser-control-item i{color:#A5B4AA;font-size:1.5rem}
.browser-control-item span{color:#343a40;font-size:.95rem;font-weight:500}
.retention-table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:8px;box-shadow:0 2px 8px #0000000f}
.retention-data-table{width:100%;border-collapse:collapse;background:#fff}
.retention-data-table thead{background:linear-gradient(to right,#A5B4AA,#B1CABA)}
.retention-data-table thead th{color:#fff;font-size:1rem;font-weight:600;padding:1rem;text-align:left;border-bottom:3px solid #fff}
.retention-data-table tbody tr{border-bottom:1px solid #DFEAE6;transition:background .2s ease}
.retention-data-table tbody tr:hover{background:#fafbfc}
.retention-data-table tbody td{color:#495057;font-size:.95rem;padding:1rem;line-height:1.5}
.retention-data-table tbody td:first-child{color:#343a40;font-weight:600}
.contact-info-box{background:linear-gradient(135deg,#B1CABA 0%,#DFEAE6 100%);padding:2rem;border-radius:8px;margin-top:3rem;text-align:center;box-shadow:0 3px 10px #a5b4aa33}
.contact-info-box h3{color:#212529;font-size:1.5rem;font-weight:600;margin-bottom:1rem}
.contact-info-box p{color:#343a40;font-size:1rem;line-height:1.6;margin-bottom:1.2rem}
.contact-details-list{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.8rem}
.contact-details-list li{color:#343a40;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.8rem}
.contact-details-list li i{color:#212529;font-size:1.2rem}
.last-update-notice{background:#f8f9fa;border-top:2px solid #DFEAE6;padding:1.5rem;margin-top:2.5rem;text-align:center;border-radius:6px}
.last-update-notice p{color:#495057;font-size:.9rem;margin:0;font-style:italic}
@media (min-width: 768px) {
.cookie-hero-section{padding:5rem 2rem 4rem}
.cookie-hero-section h1{font-size:3rem}
.cookie-content-container{padding:4rem 3rem;margin-top:3rem;margin-bottom:4rem}
.cookie-types-grid{grid-template-columns:repeat(2,1fr);gap:2rem}
.browser-controls-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 767px) {
.cookie-hero-section h1{font-size:2rem}
.cookie-section-block h2{font-size:1.5rem}
.retention-data-table{font-size:.85rem}
.retention-data-table thead th,.retention-data-table tbody td{padding:.7rem .5rem}
}
.gebruiksvoorwaarden-container{max-width:900px;margin:0 auto;padding:40px 20px;background:#fff}
.gebruiksvoorwaarden-header{text-align:center;margin-bottom:50px;padding-bottom:30px;border-bottom:3px solid #B1CABA}
.gebruiksvoorwaarden-header h1{font-size:2.2rem;color:#212529;margin-bottom:15px;font-weight:600}
.gebruiksvoorwaarden-datum{font-size:.95rem;color:#6c757d;font-style:italic}
.voorwaarden-sectie{margin-bottom:45px;padding:25px;background:#fafbfc;border-left:4px solid #A5B4AA;border-radius:4px}
.voorwaarden-sectie h2{font-size:1.5rem;color:#343a40;margin-bottom:20px;font-weight:600}
.voorwaarden-sectie h3{font-size:1.2rem;color:#495057;margin-top:25px;margin-bottom:15px;font-weight:500}
.voorwaarden-sectie p{font-size:1rem;line-height:1.7;color:#343a40;margin-bottom:15px}
.voorwaarden-lijst{margin:20px 0;padding-left:25px}
.voorwaarden-lijst li{font-size:1rem;line-height:1.7;color:#343a40;margin-bottom:12px;position:relative}
.voorwaarden-lijst li::marker{color:#A5B4AA;font-weight:700}
.belangrijke-opmerking{background:#DFEAE6;padding:20px;border-radius:6px;margin:25px 0;border:2px solid #B1CABA}
.belangrijke-opmerking p{margin:0;font-weight:500;color:#212529}
.contactgegevens-box{background:#fff;padding:25px;border:2px solid #B1CABA;border-radius:6px;margin-top:40px}
.contactgegevens-box h3{font-size:1.3rem;color:#343a40;margin-bottom:15px}
.contactgegevens-box p{margin:8px 0;color:#495057;font-size:.95rem}
.contactgegevens-box a{color:#A5B4AA;text-decoration:none;font-weight:500}
.contactgegevens-box a:hover{color:#8a9d93;text-decoration:underline}
@media (max-width: 768px) {
.gebruiksvoorwaarden-container{padding:25px 15px}
.gebruiksvoorwaarden-header h1{font-size:1.8rem}
.voorwaarden-sectie{padding:20px 15px;margin-bottom:30px}
.voorwaarden-sectie h2{font-size:1.3rem}
.voorwaarden-sectie h3{font-size:1.1rem}
.voorwaarden-lijst{padding-left:20px}
}
.disclaimer-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0}
.disclaimer-header-section{background:linear-gradient(165deg,#DFEAE6 0%,#B1CABA 100%);padding:4rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden}
.disclaimer-header-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#a5b4aa26;border-radius:50%;z-index:1}
.disclaimer-header-section::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#b1caba33;border-radius:50%;z-index:1}
.disclaimer-header-content{max-width:800px;margin:0 auto;position:relative;z-index:2}
.disclaimer-main-title{font-size:2.8rem;font-weight:700;color:#2d3e3a;margin:0 0 1rem;letter-spacing:-.5px;line-height:1.2}
.disclaimer-subtitle-text{font-size:1.15rem;color:#495057;margin:0;line-height:1.6;font-weight:400}
.disclaimer-content-container{max-width:900px;margin:0 auto;padding:3.5rem 1.5rem}
.disclaimer-intro-block{background:#fff;border-left:5px solid #A5B4AA;padding:2rem 2.5rem;margin-bottom:3rem;box-shadow:0 2px 8px #0000000f;border-radius:4px}
.disclaimer-intro-block p{font-size:1.05rem;line-height:1.7;color:#343a40;margin:0 0 1rem}
.disclaimer-intro-block p:last-child{margin-bottom:0}
.disclaimer-sections-grid{display:grid;gap:2.5rem}
.disclaimer-single-section{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 3px 12px #0000000d;border-top:3px solid #B1CABA}
.disclaimer-section-heading{font-size:1.6rem;font-weight:600;color:#2d3e3a;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}
.disclaimer-section-heading i{color:#A5B4AA;font-size:1.4rem}
.disclaimer-section-text{font-size:1rem;line-height:1.75;color:#495057;margin:0 0 1.25rem}
.disclaimer-section-text:last-child{margin-bottom:0}
.disclaimer-list-block{margin:1.5rem 0;padding-left:0;list-style:none}
.disclaimer-list-block li{padding:.85rem 0 .85rem 2.5rem;position:relative;font-size:1rem;line-height:1.65;color:#495057;border-bottom:1px solid #f0f1f3}
.disclaimer-list-block li:last-child{border-bottom:none}
.disclaimer-list-block li::before{content:'\f00c';position:absolute;left:0;top:.85rem;color:#A5B4AA;font:1.1rem FontAwesome}
.disclaimer-highlight-box{background:linear-gradient(135deg,#DFEAE6 0%,#f8f9fa 100%);padding:1.75rem 2rem;border-radius:6px;margin:2rem 0;border:1px solid #B1CABA}
.disclaimer-highlight-box p{margin:0;font-size:1.05rem;line-height:1.7;color:#343a40;font-weight:500}
.disclaimer-subsection-title{font-size:1.3rem;font-weight:600;color:#2d3e3a;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #DFEAE6}
.disclaimer-contact-section{background:linear-gradient(135deg,#f8f9fa 0%,#DFEAE6 100%);padding:2.5rem;border-radius:8px;margin-top:3rem;text-align:center;box-shadow:0 2px 10px #0000000a}
.disclaimer-contact-title{font-size:1.5rem;font-weight:600;color:#2d3e3a;margin:0 0 1rem}
.disclaimer-contact-text{font-size:1rem;line-height:1.65;color:#495057;margin:0 0 1.5rem}
.disclaimer-contact-details{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:1.5rem}
.disclaimer-contact-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#343a40}
.disclaimer-contact-item i{color:#A5B4AA;font-size:1.1rem;width:20px;text-align:center}
.disclaimer-contact-button{display:inline-block;background:#A5B4AA;color:#fff;padding:.9rem 2.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem;margin-top:1.5rem;transition:all .3s ease;box-shadow:0 3px 8px #a5b4aa4d}
.disclaimer-contact-button:hover{background:#8fa19a;transform:translateY(-2px);box-shadow:0 5px 15px #a5b4aa66;color:#fff}
.disclaimer-last-updated{text-align:center;padding:2rem 1.5rem 1rem;color:#6c757d;font-size:.95rem;font-style:italic}
@media (max-width: 768px) {
.disclaimer-main-title{font-size:2rem}
.disclaimer-subtitle-text{font-size:1rem}
.disclaimer-header-section{padding:3rem 1.5rem 2.5rem}
.disclaimer-content-container{padding:2.5rem 1rem}
.disclaimer-single-section{padding:1.75rem 1.5rem}
.disclaimer-section-heading{font-size:1.35rem}
.disclaimer-intro-block{padding:1.5rem 1.25rem}
.disclaimer-contact-section{padding:2rem 1.5rem}
.disclaimer-contact-details{align-items:flex-start}
}
.privacy-policy-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0}
.privacy-hero-section{background:linear-gradient(to right,#DFEAE6,#B1CABA);padding:4rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden}
.privacy-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:40%;height:200%;background:#ffffff1a;transform:rotate(15deg)}
.privacy-hero-title{font-size:2.8rem;color:#212529;margin:0 0 1rem;font-weight:700;position:relative;z-index:2}
.privacy-hero-subtitle{font-size:1.15rem;color:#495057;max-width:680px;margin:0 auto;line-height:1.7;position:relative;z-index:2}
.privacy-last-updated{background:#fff;padding:1rem 1.5rem;text-align:center;border-bottom:2px solid #DFEAE6;font-size:.95rem;color:#495057}
.privacy-content-container{max-width:920px;margin:0 auto;padding:3rem 1.5rem;background:#fff}
.privacy-intro-block{background:linear-gradient(to bottom right,#f8f9fa,#fff);border-left:4px solid #A5B4AA;padding:2rem;margin-bottom:3rem;border-radius:0 8px 8px 0}
.privacy-intro-block p{color:#343a40;line-height:1.8;margin:0 0 1rem;font-size:1.05rem}
.privacy-intro-block p:last-child{margin-bottom:0}
.privacy-section-block{margin-bottom:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid #e9ecef}
.privacy-section-block:last-of-type{border-bottom:none;padding-bottom:0}
.privacy-section-heading{font-size:1.75rem;color:#212529;margin:0 0 1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem}
.privacy-section-icon{width:36px;height:36px;background:linear-gradient(135deg,#B1CABA,#A5B4AA);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}
.privacy-text-content p{color:#495057;line-height:1.8;margin:0 0 1.2rem;font-size:1rem}
.privacy-text-content p:last-child{margin-bottom:0}
.privacy-list-standard{list-style:none;padding:0;margin:1.5rem 0}
.privacy-list-standard li{color:#495057;line-height:1.8;margin-bottom:1rem;padding-left:2rem;position:relative;font-size:1rem}
.privacy-list-standard li::before{content:'\f105';position:absolute;left:0;color:#A5B4AA;top:.1rem;font:1.2rem FontAwesome}
.privacy-highlight-box{background:#f8f9fa;border:2px solid #DFEAE6;border-radius:8px;padding:1.5rem;margin:2rem 0}
.privacy-highlight-box p{color:#343a40;line-height:1.8;margin:0 0 1rem;font-size:1rem}
.privacy-highlight-box p:last-child{margin-bottom:0}
.privacy-data-table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}
.privacy-data-table th{background:linear-gradient(to right,#B1CABA,#A5B4AA);color:#212529;padding:1rem;text-align:left;font-weight:600;font-size:.95rem}
.privacy-data-table td{padding:1rem;border-bottom:1px solid #e9ecef;color:#495057;line-height:1.7;font-size:.95rem}
.privacy-data-table tr:last-child td{border-bottom:none}
.privacy-data-table tr:nth-child(even){background:#fafbfc}
.privacy-contact-card{background:linear-gradient(135deg,#DFEAE6 0%,#B1CABA 100%);padding:2.5rem;border-radius:12px;margin-top:3rem;text-align:center}
.privacy-contact-title{font-size:1.5rem;color:#212529;margin:0 0 1.5rem;font-weight:600}
.privacy-contact-details{display:flex;flex-direction:column;gap:1rem;max-width:480px;margin:0 auto}
.privacy-contact-item{background:#ffffffe6;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;text-decoration:none;transition:all .3s ease}
.privacy-contact-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}
.privacy-contact-item i{color:#A5B4AA;font-size:1.3rem;width:24px;text-align:center}
.privacy-contact-text{color:#343a40;font-size:1rem;font-weight:500;text-align:left}
.privacy-rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}
.privacy-right-card{background:#fafbfc;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;transition:all .3s ease}
.privacy-right-card:hover{border-color:#B1CABA;box-shadow:0 4px 12px #a5b4aa26}
.privacy-right-icon{width:48px;height:48px;background:linear-gradient(135deg,#B1CABA,#A5B4AA);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;margin-bottom:1rem}
.privacy-right-title{font-size:1.1rem;color:#212529;margin:0 0 .75rem;font-weight:600}
.privacy-right-description{color:#495057;line-height:1.7;margin:0;font-size:.95rem}
@media (max-width: 768px) {
.privacy-hero-title{font-size:2rem}
.privacy-hero-subtitle{font-size:1rem}
.privacy-hero-section{padding:3rem 1rem 2rem}
.privacy-content-container{padding:2rem 1rem}
.privacy-section-heading{font-size:1.4rem;flex-direction:column;align-items:flex-start}
.privacy-intro-block{padding:1.5rem}
.privacy-contact-card{padding:2rem 1.5rem}
.privacy-rights-grid{grid-template-columns:1fr}
.privacy-data-table{font-size:.85rem}
.privacy-data-table th,.privacy-data-table td{padding:.75rem}
}
@media (max-width: 480px) {
.privacy-hero-title{font-size:1.75rem}
.privacy-list-standard li{padding-left:1.5rem;font-size:.95rem}
.privacy-contact-item{padding:.875rem 1rem}
}
.dmca-page-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0}
.dmca-header-block{background:linear-gradient(to right,#DFEAE6,#B1CABA);padding:4rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden}
.dmca-header-block::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#a5b4aa26;border-radius:50%}
.dmca-header-block::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#b1caba1a;border-radius:50%}
.dmca-title-main{font-size:2.8rem;color:#212529;font-weight:700;margin:0 0 1rem;position:relative;z-index:2;letter-spacing:-.5px}
.dmca-subtitle-text{font-size:1.15rem;color:#495057;max-width:650px;margin:0 auto;line-height:1.7;position:relative;z-index:2}
.dmca-content-container{max-width:900px;margin:0 auto;padding:3rem 1.5rem}
.dmca-intro-section{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:2.5rem;border-left:5px solid #A5B4AA}
.dmca-intro-section p{font-size:1.05rem;color:#343a40;line-height:1.8;margin-bottom:1.2rem}
.dmca-intro-section p:last-child{margin-bottom:0}
.dmca-section-wrapper{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem}
.dmca-section-heading{font-size:1.75rem;color:#212529;font-weight:600;margin:0 0 1.5rem;padding-bottom:.8rem;border-bottom:3px solid #DFEAE6;display:flex;align-items:center;gap:.8rem}
.dmca-section-heading i{color:#A5B4AA;font-size:1.6rem}
.dmca-section-text{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:1.2rem}
.dmca-section-text strong{color:#212529;font-weight:600}
.dmca-list-block{margin:1.5rem 0;padding-left:0;list-style:none}
.dmca-list-block li{padding:1rem 1.2rem;margin-bottom:.8rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #B1CABA;font-size:1.05rem;color:#343a40;line-height:1.7;position:relative;padding-left:3rem}
.dmca-list-block li::before{content:'\f00c';position:absolute;left:1.2rem;top:1rem;color:#A5B4AA;font:1.1rem FontAwesome}
.dmca-contact-box{background:linear-gradient(135deg,#DFEAE6 0%,#B1CABA 100%);padding:2.5rem;border-radius:12px;margin-top:2.5rem;text-align:center}
.dmca-contact-heading{font-size:1.6rem;color:#212529;font-weight:600;margin:0 0 1.5rem}
.dmca-contact-details{display:flex;flex-direction:column;gap:1rem;align-items:center}
.dmca-contact-item{display:flex;align-items:center;gap:.8rem;font-size:1.05rem;color:#343a40;background:#ffffffb3;padding:.8rem 1.5rem;border-radius:8px}
.dmca-contact-item i{color:#A5B4AA;font-size:1.2rem}
.dmca-contact-item a{color:#343a40;text-decoration:none;transition:color .3s ease}
.dmca-contact-item a:hover{color:#212529}
.dmca-notice-block{background:#fff8e1;border:2px solid #ffd54f;border-radius:10px;padding:1.8rem;margin:2rem 0}
.dmca-notice-text{font-size:1rem;color:#495057;line-height:1.7;margin:0}
.dmca-response-timeline{background:#f8f9fa;padding:2rem;border-radius:10px;margin:2rem 0}
.dmca-timeline-title{font-size:1.3rem;color:#212529;font-weight:600;margin:0 0 1.5rem;text-align:center}
.dmca-timeline-steps{display:flex;flex-direction:column;gap:1.2rem}
.dmca-step-item{display:flex;align-items:flex-start;gap:1.2rem;padding:1.2rem;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000d}
.dmca-step-number{min-width:45px;height:45px;background:linear-gradient(135deg,#A5B4AA,#B1CABA);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;flex-shrink:0}
.dmca-step-content{flex:1}
.dmca-step-content h4{font-size:1.15rem;color:#212529;font-weight:600;margin:0 0 .5rem}
.dmca-step-content p{font-size:1rem;color:#495057;line-height:1.7;margin:0}
@media (max-width: 768px) {
.dmca-title-main{font-size:2rem}
.dmca-subtitle-text{font-size:1rem}
.dmca-header-block{padding:3rem 1rem 2rem}
.dmca-content-container{padding:2rem 1rem}
.dmca-section-wrapper,.dmca-intro-section{padding:1.5rem}
.dmca-section-heading{font-size:1.4rem;flex-direction:column;align-items:flex-start;gap:.5rem}
.dmca-contact-details{width:100%}
.dmca-contact-item{width:100%;justify-content:center}
.dmca-step-item{flex-direction:column;text-align:center}
.dmca-step-number{margin:0 auto}
}
.success-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#DFEAE6 0%,#fff 100%);padding:0;margin:0}
.success-hero-container{max-width:820px;margin:0 auto;padding:80px 20px 60px;text-align:center}
.success-icon-circle{width:120px;height:120px;background:linear-gradient(135deg,#B1CABA 0%,#A5B4AA 100%);border-radius:50%;margin:0 auto 35px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #a5b4aa4d;animation:pulse-gentle 2s ease-in-out infinite}
@keyframes pulse-gentle {
0%,100%{transform:scale(1);box-shadow:0 8px 24px #a5b4aa4d}
50%{transform:scale(1.05);box-shadow:0 12px 32px #a5b4aa66}
}
.success-icon-circle i{font-size:58px;color:#fff}
.success-main-heading{font-size:42px;font-weight:700;color:#212529;margin:0 0 20px;line-height:1.2}
.success-subheading{font-size:19px;color:#495057;margin:0 0 45px;line-height:1.6;max-width:640px;margin-left:auto;margin-right:auto}
.success-info-grid{background:#fff;border-radius:12px;padding:50px 40px;box-shadow:0 4px 16px #00000014;max-width:700px;margin:0 auto 50px}
.success-detail-row{display:flex;align-items:flex-start;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #DFEAE6}
.success-detail-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.success-detail-icon{width:48px;height:48px;background:linear-gradient(135deg,#DFEAE6 0%,#B1CABA 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}
.success-detail-icon i{font-size:22px;color:#495057}
.success-detail-content{flex:1;text-align:left}
.success-detail-label{font-size:13px;color:#6c757d;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.success-detail-value{font-size:17px;color:#212529;margin:0;line-height:1.5;font-weight:500}
.success-next-steps{background:#fff;border-radius:12px;padding:45px 40px;box-shadow:0 4px 16px #00000014;max-width:700px;margin:0 auto 50px}
.success-steps-title{font-size:26px;font-weight:700;color:#212529;margin:0 0 32px;text-align:center}
.success-step-item{display:flex;align-items:flex-start;margin-bottom:26px}
.success-step-item:last-child{margin-bottom:0}
.success-step-number{width:38px;height:38px;background:linear-gradient(135deg,#B1CABA 0%,#A5B4AA 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-right:18px;flex-shrink:0}
.success-step-text{flex:1;padding-top:6px}
.success-step-text p{margin:0;font-size:16px;color:#495057;line-height:1.6}
.success-actions-container{text-align:center;margin-top:50px}
.success-primary-button{display:inline-block;background:linear-gradient(135deg,#B1CABA 0%,#A5B4AA 100%);color:#fff;padding:16px 42px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;margin:0 10px 15px;transition:all .3s ease;box-shadow:0 4px 12px #a5b4aa4d}
.success-primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #a5b4aa66;color:#fff}
.success-secondary-button{display:inline-block;background:#fff;color:#495057;padding:16px 42px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;margin:0 10px 15px;border:2px solid #B1CABA;transition:all .3s ease}
.success-secondary-button:hover{background:#DFEAE6;color:#212529;border-color:#A5B4AA}
.success-help-section{background:linear-gradient(135deg,#A5B4AA 0%,#B1CABA 100%);border-radius:12px;padding:40px;max-width:700px;margin:0 auto;text-align:center}
.success-help-heading{font-size:22px;font-weight:700;color:#fff;margin:0 0 15px}
.success-help-text{font-size:16px;color:#fff;margin:0 0 25px;line-height:1.6}
.success-contact-link{display:inline-flex;align-items:center;background:#fff;color:#495057;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease}
.success-contact-link:hover{background:#DFEAE6;color:#212529;transform:translateY(-2px)}
.success-contact-link i{margin-right:10px;font-size:18px}
@media (max-width: 768px) {
.success-hero-container{padding:60px 20px 40px}
.success-icon-circle{width:100px;height:100px;margin-bottom:28px}
.success-icon-circle i{font-size:48px}
.success-main-heading{font-size:32px;margin-bottom:16px}
.success-subheading{font-size:17px;margin-bottom:35px}
.success-info-grid{padding:35px 25px;margin-bottom:35px}
.success-detail-row{flex-direction:column;margin-bottom:24px;padding-bottom:24px}
.success-detail-icon{margin-right:0;margin-bottom:12px}
.success-detail-content{text-align:center}
.success-next-steps{padding:35px 25px;margin-bottom:35px}
.success-steps-title{font-size:22px;margin-bottom:26px}
.success-step-item{margin-bottom:22px}
.success-step-number{width:34px;height:34px;font-size:15px;margin-right:14px}
.success-step-text p{font-size:15px}
.success-actions-container{margin-top:35px}
.success-primary-button,.success-secondary-button{display:block;margin:0 0 12px;padding:14px 32px;font-size:16px}
.success-help-section{padding:30px 20px}
.success-help-heading{font-size:20px;margin-bottom:12px}
.success-help-text{font-size:15px;margin-bottom:20px}
.success-contact-link{padding:12px 28px;font-size:15px}
}