:root{--primary: #0054A6;--secondary: #000000;--gray: #666666;--light-gray: #f5f5f5}.gate-barriers-hero{background:linear-gradient(135deg,var(--primary),#0073e6);padding:120px 0 80px;position:relative;overflow:hidden}.gate-barriers-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="2" height="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.gate-barriers-hero .hero-content{text-align:center;color:#fff;position:relative;z-index:1}.gate-barriers-hero .hero-badge-icon{width:120px;height:120px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3);animation:floatBadge 3s ease-in-out infinite}.gate-barriers-hero .hero-badge-icon i{font-size:50px;color:#fff}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gate-barriers-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.gate-barriers-hero .subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.95}.gate-barriers-hero .hero-badge-group{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:40px}.gate-barriers-hero .hero-badge{background:#fff3;padding:12px 25px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:10px;transition:all .3s ease}.gate-barriers-hero .hero-badge:hover{background:#ffffff4d;transform:translateY(-3px)}.gate-barriers-hero .hero-badge i{font-size:20px}.gate-barriers-hero .hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.gate-barriers-hero .btn-hero{padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;border:2px solid transparent}.gate-barriers-hero .btn-hero-primary{background:#fff;color:var(--primary)}.gate-barriers-hero .btn-hero-primary:hover{background:var(--primary);color:#fff;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.gate-barriers-hero .btn-hero-secondary{background:transparent;color:#fff;border-color:#fff}.gate-barriers-hero .btn-hero-secondary:hover{background:#fff;color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.barriers-intro{padding:80px 0;background:#fff}.barriers-intro .intro-header{margin-bottom:45px}.barriers-intro .section-title span{color:var(--primary)}.barriers-intro .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.barriers-intro .intro-image-wrapper{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 15px 50px #0054a626}.barriers-intro .intro-image-wrapper img{width:100%;height:auto;display:block;transition:transform .5s ease}.barriers-intro .intro-image-wrapper:hover img{transform:scale(1.05)}.barriers-intro .intro-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;padding:10px 20px;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:8px}.barriers-intro .intro-content h2{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:25px}.barriers-intro .intro-content h2 span{color:var(--primary)}.barriers-intro .intro-content p{font-size:1.1rem;line-height:1.8;color:var(--gray);margin-bottom:20px}.barriers-intro .intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.barriers-intro .intro-stat-item{text-align:center;padding:20px;background:linear-gradient(135deg,#0054a60d,#0073e60d);border-radius:10px;transition:all .3s ease}.barriers-intro .intro-stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0054a626}.barriers-intro .intro-stat-number{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:5px}.barriers-intro .intro-stat-label{font-size:.95rem;color:var(--gray)}.what-is-section{padding:80px 0;background:linear-gradient(135deg,#0054a608,#00000003)}.what-is-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.what-is-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.what-is-section .what-is-content{max-width:1200px;margin:0 auto}.what-is-section .what-is-text p{font-size:1.1rem;line-height:1.8;color:var(--gray);margin-bottom:20px}.what-is-section .key-components{margin-top:40px;padding:40px;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0054a61a}.what-is-section .key-components h3{font-size:1.8rem;font-weight:700;color:var(--primary);margin-bottom:30px;text-align:center}.what-is-section .components-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.what-is-section .component-item{text-align:center}.what-is-section .component-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:35px;transition:all .3s ease}.what-is-section .component-item:hover .component-icon{transform:rotateY(360deg)}.what-is-section .component-item h4{font-size:1.1rem;font-weight:600;color:var(--secondary);margin-bottom:10px}.what-is-section .component-item p{font-size:.95rem;color:var(--gray);line-height:1.6}.types-section{padding:80px 0;background:#fff}.types-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.types-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.types-section .types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.types-section .type-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0054a61a;transition:all .3s ease;border:2px solid transparent}.types-section .type-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0054a633;border-color:var(--primary)}.types-section .type-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:30px}.types-section .type-card h3{font-size:1.4rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.types-section .type-card>p{font-size:1rem;line-height:1.7;color:var(--gray);margin-bottom:20px}.types-section .type-card ul{list-style:none;padding:0;margin:0}.types-section .type-card ul li{padding:8px 0;color:var(--gray);display:flex;align-items:center;gap:10px}.types-section .type-card ul li i{color:var(--primary);font-size:14px}.features-section{padding:80px 0;background:linear-gradient(135deg,#0054a608,#00000003)}.features-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.features-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.features-section .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.features-section .feature-card{background:#fff;padding:30px 25px;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0054a614;transition:all .3s ease;border:2px solid transparent}.features-section .feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0054a626;border-color:var(--primary)}.features-section .feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;transition:all .3s ease}.features-section .feature-card:hover .feature-icon{transform:scale(1.1) rotate(360deg)}.features-section .feature-card h3{font-size:1.2rem;font-weight:600;color:var(--secondary);margin-bottom:12px}.features-section .feature-card p{font-size:.95rem;line-height:1.6;color:var(--gray)}.benefits-section{padding:80px 0;background:#fff}.benefits-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.benefits-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.benefits-section .benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefits-section .benefit-item{background:linear-gradient(135deg,#0054a60d,#0073e60d);padding:30px;border-radius:15px;text-align:center;transition:all .3s ease;border:2px solid transparent}.benefits-section .benefit-item:hover{transform:translateY(-8px);background:#fff;box-shadow:0 15px 40px #0054a626;border-color:var(--primary)}.benefits-section .benefit-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;transition:all .3s ease}.benefits-section .benefit-item:hover .benefit-icon{transform:scale(1.15)}.benefits-section .benefit-item h3{font-size:1.2rem;font-weight:600;color:var(--secondary);margin-bottom:12px}.benefits-section .benefit-item p{font-size:.95rem;line-height:1.6;color:var(--gray)}.applications-section{padding:80px 0;background:linear-gradient(135deg,#0054a608,#00000003)}.applications-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.applications-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.applications-section .applications-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.applications-section .application-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0054a61a;transition:all .3s ease;border:2px solid transparent}.applications-section .application-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0054a633;border-color:var(--primary)}.applications-section .application-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:30px}.applications-section .application-card h3{font-size:1.3rem;font-weight:700;color:var(--secondary);margin-bottom:12px}.applications-section .application-card>p{font-size:1rem;line-height:1.7;color:var(--gray);margin-bottom:15px}.applications-section .application-card ul{list-style:none;padding:0;margin:0}.applications-section .application-card ul li{padding:6px 0;color:var(--gray);display:flex;align-items:center;gap:10px;font-size:.95rem}.applications-section .application-card ul li i{color:var(--primary);font-size:12px}.installation-process{padding:80px 0;background:#fff}.installation-process .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.installation-process .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.installation-process .process-timeline{max-width:1000px;margin:0 auto;position:relative}.installation-process .process-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary),#0073e6);transform:translate(-50%)}.installation-process .timeline-item{display:flex;gap:40px;margin-bottom:60px;position:relative}.installation-process .timeline-item:nth-child(odd){flex-direction:row-reverse}.installation-process .timeline-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;position:relative;z-index:2;box-shadow:0 5px 20px #0054a64d}.installation-process .timeline-content{flex:1;background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0054a61a;border:2px solid var(--light-gray);transition:all .3s ease}.installation-process .timeline-content:hover{border-color:var(--primary);box-shadow:0 15px 40px #0054a633;transform:translateY(-5px)}.installation-process .timeline-content h3{font-size:1.4rem;font-weight:700;color:var(--secondary);margin-bottom:15px;display:flex;align-items:center;gap:12px}.installation-process .timeline-content h3 i{color:var(--primary);font-size:1.2rem}.installation-process .timeline-content>p{font-size:1rem;line-height:1.7;color:var(--gray);margin-bottom:15px}.installation-process .timeline-content ul{list-style:none;padding:0;margin:0}.installation-process .timeline-content ul li{padding:5px 0 5px 25px;color:var(--gray);position:relative}.installation-process .timeline-content ul li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.why-choose-us{padding:80px 0;background:linear-gradient(135deg,#0054a608,#00000003)}.why-choose-us .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.why-choose-us .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.why-choose-us .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.why-choose-us .why-card{background:#fff;padding:30px 25px;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0054a614;transition:all .3s ease;border:2px solid transparent}.why-choose-us .why-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0054a633;border-color:var(--primary)}.why-choose-us .why-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;transition:all .3s ease}.why-choose-us .why-card:hover .why-icon{transform:scale(1.15) rotate(360deg)}.why-choose-us .why-card h3{font-size:1.2rem;font-weight:600;color:var(--secondary);margin-bottom:12px}.why-choose-us .why-card p{font-size:.95rem;line-height:1.6;color:var(--gray)}.stats-section{padding:80px 0;background:linear-gradient(135deg,var(--primary),#0073e6);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="2" height="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.stats-section .section-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px}.stats-section .section-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:50px}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative;z-index:1}.stats-section .stat-item{text-align:center;padding:30px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.stats-section .stat-item:hover{background:#fff3;transform:translateY(-10px);box-shadow:0 20px 50px #0003}.stats-section .stat-icon{width:80px;height:80px;background:#fff;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:35px;transition:all .3s ease}.stats-section .stat-item:hover .stat-icon{transform:scale(1.15) rotate(360deg)}.stats-section .stat-number{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.stats-section .stat-label{font-size:1.1rem;color:#ffffffe6}@media(max-width:1200px){.types-section .types-grid,.applications-section .applications-grid{grid-template-columns:repeat(2,1fr)}.features-section .features-grid,.benefits-section .benefits-grid,.why-choose-us .why-grid{grid-template-columns:repeat(3,1fr)}.what-is-section .components-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.barriers-intro .intro-grid{grid-template-columns:1fr;gap:40px}.features-section .features-grid,.benefits-section .benefits-grid,.why-choose-us .why-grid{grid-template-columns:repeat(2,1fr)}.stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.installation-process .process-timeline:before{left:30px}.installation-process .timeline-item,.installation-process .timeline-item:nth-child(odd){flex-direction:row;padding-left:80px}.installation-process .timeline-number{position:absolute;left:0}}@media(max-width:768px){.gate-barriers-hero h1{font-size:2.5rem}.gate-barriers-hero .subtitle{font-size:1.1rem}.barriers-intro .intro-content h2,.section-title{font-size:2rem}.types-section .types-grid,.applications-section .applications-grid,.features-section .features-grid,.benefits-section .benefits-grid,.why-choose-us .why-grid,.barriers-intro .intro-stats{grid-template-columns:1fr}.stats-section .stats-grid{grid-template-columns:1fr;gap:20px}.what-is-section .components-grid{grid-template-columns:1fr}}@media(max-width:576px){.gate-barriers-hero{padding:80px 0 60px}.gate-barriers-hero h1{font-size:2rem}.gate-barriers-hero .hero-badge-group{flex-direction:column;gap:10px}.gate-barriers-hero .hero-badge{width:100%;justify-content:center}.gate-barriers-hero .hero-buttons{flex-direction:column}.gate-barriers-hero .btn-hero{width:100%;justify-content:center}.barriers-intro,.types-section,.features-section,.benefits-section,.applications-section,.installation-process,.why-choose-us,.stats-section{padding:60px 0}.installation-process .timeline-item,.installation-process .timeline-item:nth-child(odd){padding-left:60px}.installation-process .timeline-number{width:50px;height:50px;font-size:1.2rem}}