.glass-products-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:hidden;padding:80px 0 60px}.glass-products-wrapper:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%231d6dcc' fill-opacity='0.05' d='M100 0L200 100L100 200L0 100Z'/%3E%3C/svg%3E") no-repeat center;background-size:contain;opacity:.6;animation:float 20s ease-in-out infinite}.glass-products-wrapper:after{content:"";position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='80' fill='%2308448b' fill-opacity='0.04'/%3E%3C/svg%3E") no-repeat center;background-size:contain;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.glass-hero{text-align:center;margin-bottom:60px;position:relative;z-index:2}.glass-hero h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#1d6dcc,#08448b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2}.glass-hero p{font-size:1.25rem;color:#6c757d;max-width:700px;margin:0 auto 2rem}.glass-hero-badges{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.hero-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fff;border-radius:50px;box-shadow:0 2px 8px #00000014}.hero-badge-icon{width:40px;height:40px;background:linear-gradient(135deg,#1d6dcc,#08448b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.hero-badge-text{text-align:left}.hero-badge-text strong{display:block;font-size:.875rem;color:#1d6dcc;font-weight:700}.hero-badge-text span{font-size:.75rem;color:#6c757d}.glass-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;position:relative;z-index:2}.glass-product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;height:100%;display:flex;flex-direction:column}.glass-product-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #1d6dcc33}.glass-product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1d6dcc,#08448b);transform:scaleX(0);transition:transform .3s ease}.glass-product-card:hover:before{transform:scaleX(1)}.glass-product-image{position:relative;height:250px;overflow:hidden;background:#f8f9fa}.glass-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.glass-product-card:hover .glass-product-image img{transform:scale(1.1)}.glass-product-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);padding:1.5rem;transform:translateY(10px);opacity:0;transition:all .3s ease}.glass-product-card:hover .glass-product-overlay{transform:translateY(0);opacity:1}.glass-product-tag{display:inline-block;background:#1d6dcce6;color:#fff;padding:.4rem 1rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.glass-product-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.glass-product-title{font-size:1.5rem;font-weight:700;color:#212529;margin-bottom:.75rem;line-height:1.3}.glass-product-description{color:#6c757d;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.glass-product-features{list-style:none;padding:0;margin:0 0 1.5rem}.glass-product-features li{padding:.5rem 0;color:#495057;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.glass-product-features li i{color:#1d6dcc;font-size:.75rem}.glass-product-action{display:block;text-align:center;padding:1rem;background:linear-gradient(135deg,#1d6dcc,#08448b);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden}.glass-product-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s,height .5s}.glass-product-action:hover:before{width:300px;height:300px}.glass-product-action:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #1d6dcc66}.glass-product-action i{margin-left:.5rem;transition:transform .3s ease}.glass-product-action:hover i{transform:translate(5px)}.glass-cta-section{margin-top:60px;padding:3rem;background:linear-gradient(135deg,#1d6dcc,#08448b);border-radius:20px;text-align:center;position:relative;z-index:2;overflow:hidden}.glass-cta-section:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff0d;border-radius:50%}.glass-cta-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:2}.glass-cta-section p{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.glass-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.glass-cta-button{padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.glass-cta-button.primary{background:#fff;color:#1d6dcc}.glass-cta-button.primary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.glass-cta-button.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.glass-cta-button.secondary:hover{background:#fff3;border-color:#fff;transform:translateY(-2px)}.glass-sidebar{position:sticky;top:100px}@media (max-width: 768px){.glass-products-wrapper{padding:40px 0}.glass-hero h1{font-size:2rem}.glass-hero p{font-size:1rem}.glass-hero-badges{gap:1rem}.hero-badge{padding:.5rem 1rem}.glass-products-grid{grid-template-columns:1fr;gap:1.5rem}.glass-product-image{height:200px}.glass-cta-section{padding:2rem 1.5rem}.glass-cta-section h2{font-size:1.5rem}.glass-cta-buttons{flex-direction:column}.glass-cta-button{width:100%;justify-content:center}}