:root{--color-bg:#fff;--color-bg-soft:#f9fafb;--color-text:#1a202c;--color-text-muted:#4a5568;--color-heading:#1a365d;--color-border:#e2e8f0e6;--color-link:#2563eb;--color-link-hover:#1d4ed8;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--max-width-wide:1120px}*,:before,:after{box-sizing:border-box}html,body{color:var(--color-text);background:radial-gradient(circle at top,#fef3c7 0%,#f9fafb 35%,#e0e7ff 70%,#f0fdfa 100%);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}#app{flex-direction:column;min-height:100vh;display:flex}main{width:100%;max-width:var(--max-width-wide);margin:0 auto;padding:0 1rem 2.5rem}.site-header{border:1px solid var(--color-border);background:#fffffffa;border-radius:14px;margin-top:.75rem}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 4.5rem .9rem 1rem;display:flex;position:relative}.site-brand{flex-direction:column;display:flex}.site-logo{background:linear-gradient(135deg,#d97706 0%,#f59e0b 50%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.site-header-subtitle{color:var(--color-text-muted);margin:0;font-size:.78rem}.site-nav{flex-wrap:wrap;gap:.9rem;display:flex}.site-nav a{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .18s;display:inline-flex}.site-nav a:hover{color:var(--color-link);text-decoration:none}.site-nav a.active{color:var(--color-link);background:#2563eb1a;border-radius:8px;padding:.28rem .45rem}.header-right{align-items:center;gap:.7rem;display:inline-flex}.link-button{color:var(--color-link);background:0 0;border:none;padding:0;font-size:.92rem;font-weight:500;text-decoration:none}.link-button:hover{color:var(--color-link-hover);text-decoration:underline}.site-header-email-bar{border-top:1px solid var(--color-border);background:var(--color-bg-soft);border-radius:0 0 13px 13px;padding:.5rem 1rem .65rem}.site-header-email-bar__link{color:inherit;flex-wrap:wrap;align-items:baseline;gap:.45rem .65rem;font-size:.9rem;text-decoration:none;display:inline-flex}.site-header-email-bar__link:hover .site-header-email-bar__addr{color:var(--color-link-hover);text-decoration:underline}.site-header-email-bar__lead{color:var(--color-heading);font-size:.78rem;font-weight:600}.site-header-email-bar__addr{color:var(--color-link);word-break:break-all;font-weight:500}.hero{border:1px solid var(--color-border);background:#fffffffa;border-radius:14px;margin-top:.9rem;padding:2.2rem 1.5rem}.hero-content{max-width:720px}.logo{width:64px;height:64px}.eyebrow{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:1rem 0 0;font-size:.85rem}h1,h2,h3{color:var(--color-heading)}h1{margin:.35rem 0;font-size:clamp(2rem,4vw,2.8rem)}.subtitle{max-width:48ch;color:var(--color-text-muted);margin:0 0 1.2rem;font-size:1.05rem}.hero-email-banner{border:1px solid var(--color-border);background:var(--color-bg-soft);color:var(--color-text-muted);border-radius:10px;margin:0 0 1rem;padding:.85rem 1rem;font-size:.95rem}.hero-email-banner__title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-heading);margin:0 0 .4rem;font-size:.78rem;font-weight:600}.hero-email-banner__mail{color:var(--color-link);word-break:break-all;font-weight:500;text-decoration:none;display:inline-block}.hero-email-banner__mail:hover{color:var(--color-link-hover);text-decoration:underline}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{border-radius:8px;padding:.65rem 1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.btn-small{padding:.45rem .8rem;font-size:.8125rem}.btn.primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb59}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.btn.ghost{border:1px solid var(--color-border);color:var(--color-link);background:var(--color-bg-soft)}.btn.ghost:hover{border-color:var(--color-link);background:#fff}.section{border:1px solid var(--color-border);background:linear-gradient(135deg,#fffffffa,#eff6fffa);border-radius:14px;margin-top:.9rem;padding:1.1rem}.section--alt{background:linear-gradient(135deg,#f0f9fffa,#ecfdf5fa)}.section-head h2{margin:0;font-size:1.3rem}.section-title-with-icon{align-items:center;gap:.4rem;display:inline-flex}.section-head p{color:var(--color-text-muted);margin:.3rem 0 .8rem}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.card,.panel{border:1px solid var(--color-border);background:#fffffff5;border-radius:10px;padding:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000a}.card:hover,.panel:hover{border-color:#2563eb59;box-shadow:0 2px 10px #2563eb1f}.card h3{margin-top:0}.card-link{color:var(--color-link);align-items:center;gap:.3rem;font-weight:600;text-decoration:none;display:inline-flex}.card-link:hover{color:var(--color-link-hover);text-decoration:underline}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;display:grid}.map-frame-wrap{border:1px solid var(--color-border);background:#fff;border-radius:10px;width:100%;overflow:hidden}.map-frame{border:0;width:100%;min-height:500px;display:block}.map-actions{margin:.75rem 0 0}.map-actions a{color:var(--color-link);font-weight:500;text-decoration:none}.map-actions a:hover{color:var(--color-link-hover);text-decoration:underline}.stat{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:.8rem;transition:border-color .2s,box-shadow .2s}.stat:hover{border-color:#2563eb59;box-shadow:0 2px 8px #2563eb14}.stat span{color:var(--color-text-muted);font-size:.82rem;display:block}.stat strong{color:var(--color-heading);font-size:1.2rem}.panel-actions{margin-top:.85rem}.action-toolbar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:.85rem;display:flex}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:.6rem .9rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #2563eb59}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}button:disabled{opacity:.7;cursor:wait}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tabs button{color:var(--color-text);border:1px solid var(--color-border);box-shadow:none;background:#eff6ff;padding:.45rem .75rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.tabs button:hover:not(.active):not(:disabled){border-color:var(--color-link);color:var(--color-link);box-shadow:none;background:#fff;transform:none}.tabs button.active{color:#fff;border-color:var(--color-primary);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.contact-success-message{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin:10px 0;padding:15px}.contact-success-message h4{margin:0 0 .5rem;font-size:1rem}.contact-success-message p{margin:0}.faq-panel{border:1px solid var(--color-border);background:#fff;border-radius:8px;margin-top:.8rem;padding:.9rem}.faq-topic h3{color:var(--color-heading);margin:0 0 .75rem;font-size:1rem}.faq-item{border:1px solid var(--color-border);border-left:4px solid var(--color-link);background:#fffffff5;border-radius:8px;margin-bottom:.85rem;padding:.85rem 1rem}.faq-item:last-child{margin-bottom:0}.faq-item h4{color:var(--color-heading);margin:0 0 .35rem;font-size:.95rem}.faq-item p{color:var(--color-text-muted);margin:0;line-height:1.55}.faq-topic--zonnepanelen .faq-item{border-left-color:#16a34a}.faq-topic--warmtepomp .faq-item{border-left-color:#2563eb}.faq-topic--financieel .faq-item{border-left-color:#ea580c}.faq-topic--aanmelden .faq-item{border-left-color:#7c3aed}.form-block{margin-bottom:1rem}.form-block label{color:var(--color-heading);margin-bottom:.25rem;font-weight:500;display:block}.form-block input,.form-block textarea{border:1px solid var(--color-border);background:#fff;border-radius:4px;width:100%;max-width:30rem;padding:.5rem .75rem;font-family:inherit;font-size:1rem}.form-block input:focus,.form-block textarea:focus{border-color:var(--color-link);outline:none;box-shadow:0 0 0 2px #2563eb40}.form-actions{margin-top:.35rem}.resultaat{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:8px;margin-top:1rem;padding:1rem}.error{color:#b91c1c}.site-footer{border-top:1px solid var(--color-border);background:#fffffffa;margin-top:auto}.site-footer__inner{max-width:var(--max-width-wide);color:var(--color-text-muted);flex-direction:column;gap:.2rem;margin:0 auto;padding:.85rem 1rem;font-size:.9rem;display:flex}.site-footer__deployed{opacity:.92;margin:.35rem 0 0;font-size:.82rem}.site-footer-email-block{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin:0;display:flex}.site-footer-email-block__label{color:var(--color-heading);font-weight:600}.site-footer-email-block__link{color:inherit;text-underline-offset:2px;word-break:break-all;font-weight:500;text-decoration:underline}.site-footer-email-block__link:hover{color:var(--color-link)}.site-footer__copy{margin:.15rem 0 0}@media (width<=720px){.site-header__inner{flex-direction:column;align-items:flex-start}}.section--highlight{background:linear-gradient(135deg,#fffffffa,#fef3c766);border-color:#d9770659;margin-top:1.25rem}.featured-charger-split{flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (width>=768px){.featured-charger-split{flex-direction:row}.featured-charger-image{width:45%}.featured-charger-info{width:55%}}.featured-charger-image{border:1px solid var(--color-border);border-radius:10px;width:100%;overflow:hidden;box-shadow:0 4px 12px #0000000a}.featured-charger-image img{object-fit:cover;width:100%;height:auto;max-height:280px;transition:transform .3s;display:block}.featured-charger-image:hover img{transform:scale(1.02)}.featured-charger-info{flex-direction:column;gap:.5rem;display:flex}.featured-charger-info h2{color:var(--color-heading);margin:0;font-size:1.5rem}.featured-charger-info p{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.95rem;line-height:1.6}.badge-new{color:#fef3c7;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-radius:9999px;align-self:flex-start;margin-bottom:.25rem;padding:.25rem .65rem;font-size:.725rem;font-weight:700}.featured-charger-actions{display:flex}.sidhadorp-content{--bg-primary:#f0f4f3;--bg-secondary:#e8efed;--bg-card:#ffffffd1;--border-card:#c8dcd299;--text-primary:#0a1f1a;--text-secondary:#3d5a50;--color-primary:#145040;--color-primary-light:#1d7a5e;--color-primary-rgb:20, 80, 64;--color-accent:#0d9668;--color-accent-light:#2ee8a5;--color-accent-bg:#e0faf0;--color-accent-rgb:13, 150, 104;--color-gold:#c7a23a;--color-gold-rgb:199, 162, 58;--color-warning:#d4660a;--color-warning-bg:#fef3e6;--shadow-sm:0 1px 4px 0 #0a3c280f;--shadow-md:0 4px 12px -2px #0a3c2814, 0 2px 6px -2px #0a3c280a;--shadow-lg:0 12px 28px -6px #0a3c281a, 0 4px 10px -4px #0a3c280f;--shadow-xl:0 24px 48px -8px #0a3c2824, 0 8px 16px -6px #0a3c280f;--shadow-glow:0 0 40px -10px rgba(var(--color-accent-rgb), .3);--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--blur:20px;--transition-fast:.18s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}h2.section-heading:before{content:"";background:linear-gradient(180deg, var(--color-accent), var(--color-primary));border-radius:4px;width:4px;height:65%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero-banner{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl), 0 0 60px -15px rgba(var(--color-accent-rgb), .2);background:linear-gradient(135deg,#145040f5 0%,#0d9668eb 100%),url(../../../images/energiehub_diagram.jpeg) 50%/cover no-repeat;margin-bottom:40px;padding:55px 45px;position:relative;overflow:hidden}.hero-banner:before{content:"";z-index:1;background:radial-gradient(circle at 100% 0,#2ee8a533,#0000 50%),radial-gradient(circle at 0 100%,#c7a23a1a,#0000 50%);position:absolute;inset:0}.hero-banner:after{content:"";z-index:1;background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero-banner-content{z-index:2;max-width:800px;position:relative}.hero-banner h2{letter-spacing:-.5px;text-shadow:0 2px 20px #00000026;margin-bottom:15px;font-family:Outfit,sans-serif;font-size:40px;font-weight:800;line-height:1.15}.hero-banner p{opacity:.9;margin-bottom:25px;font-size:16px;font-weight:300;line-height:1.6}.hero-stats{flex-wrap:wrap;gap:30px;display:flex}.hero-stat-card{-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-md);min-width:150px;transition:all var(--transition-normal);background:#ffffff14;border:1px solid #ffffff1f;flex-grow:1;padding:18px 28px}.hero-stat-card:hover{background:#ffffff24;border-color:#fff3;transform:translateY(-2px)}.hero-stat-val{color:var(--color-accent-light);text-shadow:0 0 20px rgba(var(--color-accent-rgb), .3);font-family:Outfit,sans-serif;font-size:30px;font-weight:800}.hero-stat-label{text-transform:uppercase;letter-spacing:1.5px;opacity:.75;margin-top:5px;font-size:11px;font-weight:500}.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-bottom:40px;display:grid}.card{background-color:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-spring);flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-accent-light));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-lg), 0 0 30px -10px rgba(var(--color-accent-rgb), .15);border-color:rgba(var(--color-accent-rgb), .25);transform:translateY(-6px)}.card:hover:before{opacity:1}.card-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent-bg), rgba(var(--color-accent-rgb), .12));width:52px;height:52px;color:var(--color-accent);transition:all var(--transition-spring);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.card:hover .card-icon{box-shadow:0 4px 12px -4px rgba(var(--color-accent-rgb), .3);transform:scale(1.08)rotate(-3deg)}.card-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:24px;height:24px}.card h3{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600}.card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.info-box{background:linear-gradient(135deg, var(--color-accent-bg), rgba(var(--color-accent-rgb), .06));border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;-webkit-backdrop-filter:blur(8px);transition:all var(--transition-normal);margin:25px 0;padding:22px 28px}.info-box:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.info-box-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.info-box-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.split-layout{grid-template-columns:1.2fr .8fr;align-items:start;gap:40px;margin-bottom:40px;display:grid}@media (width<=1024px){.split-layout{grid-template-columns:1fr}}.content-block{color:var(--text-secondary);font-size:15px;line-height:1.7}.content-block p{margin-bottom:20px}.content-block ul{flex-direction:column;gap:12px;margin:20px 0;list-style:none;display:flex}.content-block li{align-items:flex-start;gap:10px;display:flex}.content-block li svg{width:20px;height:20px;stroke:var(--color-accent);stroke-width:2.5px;fill:none;flex-shrink:0;margin-top:2px}.block-image-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-card);background-color:var(--bg-card);transition:all var(--transition-normal);position:relative;overflow:hidden}.block-image-container:hover{box-shadow:var(--shadow-xl)}.block-image-container img{width:100%;height:auto;transition:transform var(--transition-normal);display:block}.block-image-container:hover img{transform:scale(1.02)}.image-caption{background-color:var(--bg-card);border-top:1px solid var(--border-card);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:15px 20px;font-size:13px;display:flex}.timeline{margin:40px 0;padding-left:30px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--color-accent), var(--color-primary), var(--border-card));width:2px;position:absolute;top:5px;bottom:5px;left:7px}.timeline-item{margin-bottom:35px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background-color:var(--bg-primary);border:3px solid var(--color-accent);z-index:2;width:16px;height:16px;transition:all var(--transition-spring);border-radius:50%;position:absolute;top:5px;left:-30px}.timeline-item:hover .timeline-dot{background-color:var(--color-accent);box-shadow:0 0 16px -2px rgba(var(--color-accent-rgb), .5);transform:scale(1.3)}.timeline-content{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:20px 25px}.timeline-item:hover .timeline-content{box-shadow:var(--shadow-md);border-color:rgba(var(--color-accent-rgb), .2)}.timeline-step{text-transform:uppercase;color:var(--color-accent);letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:700}.timeline-content h3{margin-bottom:10px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600}.timeline-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}.calc-container{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);grid-template-columns:1fr 1fr;align-items:start;gap:40px;padding:40px;display:grid}@media (width<=900px){.calc-container{grid-template-columns:1fr;padding:25px}}.calc-inputs{flex-direction:column;gap:25px;display:flex}.calc-group{flex-direction:column;gap:8px;display:flex}.calc-label-row{justify-content:space-between;align-items:center;display:flex}.calc-label{font-size:14px;font-weight:600}.calc-val{color:var(--color-accent);background-color:var(--color-accent-bg);border-radius:var(--radius-sm);padding:2px 10px;font-size:16px;font-weight:700}.calc-slider{-webkit-appearance:none;border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-accent), var(--color-accent-light));width:100%;height:6px;transition:background var(--transition-fast);opacity:.8;outline:none}.calc-slider:hover{opacity:1}.calc-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-accent);cursor:pointer;width:20px;height:20px;transition:all var(--transition-spring);box-shadow:0 2px 8px -2px rgba(var(--color-accent-rgb), .4);background:#fff;border-radius:50%}.calc-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 14px -2px rgba(var(--color-accent-rgb), .6);transform:scale(1.2)}.calc-checkbox-label{cursor:pointer;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.calc-checkbox{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.calc-results{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-card);flex-direction:column;gap:25px;height:100%;padding:30px;display:flex}.results-heading{border-bottom:1px solid var(--border-card);padding-bottom:10px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.result-row{justify-content:space-between;align-items:center;display:flex}.result-label{color:var(--text-secondary);font-size:14px}.result-val{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:26px;font-weight:800}.result-val.highlight{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.autarky-indicator{align-items:center;gap:20px;margin-top:10px;display:flex}.circle-svg{width:70px;height:70px;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:var(--border-card);stroke-width:6px}.circle-progress{fill:none;stroke:var(--color-accent);stroke-width:6px;stroke-dasharray:201;stroke-dashoffset:201px;transition:stroke-dashoffset var(--transition-normal);stroke-linecap:round}.circle-text{font-size:14px;font-weight:700}.autarky-details h4{margin-bottom:2px;font-size:14px}.autarky-details p{color:var(--text-secondary);font-size:12px}.gallery-filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.filter-btn{border:1px solid var(--border-card);background-color:var(--bg-card);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-spring);padding:9px 20px;font-size:13px;font-weight:500}.filter-btn:hover{color:var(--text-primary);border-color:var(--color-accent);transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 4px 16px -4px rgba(var(--color-accent-rgb), .45);border-color:#0000;transform:translateY(-1px)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.gallery-item{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-spring);flex-direction:column;display:flex;position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-xl), 0 0 30px -8px rgba(var(--color-accent-rgb), .2);border-color:var(--color-accent-light);transform:translateY(-6px)scale(1.01)}.gallery-image-wrapper{background-color:var(--bg-secondary);width:100%;padding-top:66.6%;position:relative;overflow:hidden}.gallery-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);position:absolute;top:0;left:0}.gallery-item:hover .gallery-image-wrapper img{transform:scale(1.05)}.gallery-info{flex-direction:column;flex-grow:1;padding:15px;display:flex}.gallery-title{word-break:break-all;margin-bottom:4px;font-size:13px;font-weight:600}.gallery-desc{color:var(--text-secondary);margin-top:auto;font-size:11px;line-height:1.4}.lightbox{z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background-color:#060e0bf2;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{border-radius:var(--radius-lg);width:100%;max-width:1200px;max-height:90vh;box-shadow:var(--shadow-xl), 0 0 80px -20px rgba(var(--color-accent-rgb), .15);background-color:#0c1a14;border:1px solid #2ee8a51a;flex-direction:column;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:scale(.92)translateY(20px)}.lightbox.active .lightbox-content{transform:scale(1)translateY(0)}.lightbox-image-area{background-color:#040e09;flex-grow:1;justify-content:center;align-items:center;min-height:350px;display:flex;position:relative;overflow:hidden}.lightbox-image-area img{object-fit:contain;max-width:100%;max-height:70vh}.lightbox-info-area{color:#e8f5f0;background-color:#0c1a14;border-top:1px solid #2ee8a51a;padding:25px 30px}.lightbox-title{margin-bottom:6px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.lightbox-desc{color:#7fa898;font-size:13px;line-height:1.5}.lightbox-close{color:#fff;cursor:pointer;z-index:1010;width:40px;height:40px;transition:background-color var(--transition-fast);background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:15px;right:15px}.lightbox-close:hover{background-color:#fff3}.main-footer{border-top:1px solid var(--border-card);text-align:center;color:var(--text-secondary);margin-top:auto;padding-top:40px;padding-bottom:24px;font-size:13px;position:relative}.main-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);height:1px;position:absolute;top:0;left:20%;right:20%}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-accent{color:var(--color-accent)}.font-outfit{font-family:Outfit,sans-serif}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-card);width:100%;padding:20px;position:relative}.main-content{margin-left:0;padding:20px}.hero-banner{padding:30px 20px}.hero-banner h2{font-size:28px}.lightbox{padding:10px}}