.lens-navigation-section{position:relative;padding:100px 0;background:linear-gradient(135deg,#1a1a2e 0%,#3e1a3e 50%,#1a1a2e 100%);overflow:hidden}.lens-nav-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.lens-nav-particles{position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="0.6" fill="rgba(139,92,246,0.15)"/><circle cx="75" cy="45" r="0.4" fill="rgba(147,51,234,0.12)"/><circle cx="45" cy="75" r="0.5" fill="rgba(168,85,247,0.18)"/><circle cx="65" cy="25" r="0.3" fill="rgba(255,255,255,0.1)"/></svg>') repeat;animation:particleFloat 35s infinite linear;opacity:.7}.lens-nav-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 30%,rgb(139 92 246 / .08) 0%,transparent 50%),radial-gradient(circle at 75% 70%,rgb(147 51 234 / .08) 0%,transparent 50%);animation:gradientShift 25s infinite ease-in-out}.lens-nav-header{text-align:center;margin-bottom:80px;position:relative;z-index:10}.nav-category-badge{display:inline-flex;align-items:center;gap:12px;background:rgb(139 92 246 / .12);backdrop-filter:blur(20px);border:1px solid rgb(139 92 246 / .25);border-radius:50px;padding:12px 28px;margin-bottom:30px;font-size:1rem;color:rgb(255 255 255 / .95);font-weight:600;box-shadow:0 10px 40px rgb(139 92 246 / .15);transition:all 0.3s ease}.nav-category-badge:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgb(139 92 246 / .25);border-color:rgb(139 92 246 / .4)}.nav-badge-icon{font-size:1.2rem;filter:drop-shadow(0 0 10px rgb(139 92 246 / .5))}.lens-nav-title{font-size:3rem;font-weight:800;margin-bottom:20px;line-height:1.1;background:linear-gradient(135deg,#ffffff 0%,#e0e7ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;text-shadow:0 4px 20px rgb(0 0 0 / .3)}.lens-nav-subtitle{font-size:1.3rem;color:rgb(255 255 255 / .8);font-style:italic;margin-bottom:30px;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.nav-accent-line{width:100px;height:4px;background:linear-gradient(135deg,#8b5cf6,#9333ea);margin:0 auto;border-radius:2px;box-shadow:0 0 10px rgb(139 92 246 / .5)}.lens-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1400px;margin:0 auto;position:relative;z-index:10;padding:0 20px}.lens-nav-card{background:linear-gradient(145deg,rgb(139 92 246 / .1),rgb(139 92 246 / .03));border:1px solid rgb(139 92 246 / .15);border-radius:24px;padding:30px;text-decoration:none;color:inherit;transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:0 10px 40px rgb(139 92 246 / .1);min-height:420px;display:flex;flex-direction:column}.lens-nav-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgb(139 92 246 / .4);box-shadow:0 20px 60px rgb(139 92 246 / .2);text-decoration:none;color:inherit}.prime-nav:hover{border-color:rgb(102 126 234 / .5);box-shadow:0 20px 60px rgb(102 126 234 / .25)}.zoom-nav:hover{border-color:rgb(255 107 107 / .5);box-shadow:0 20px 60px rgb(255 107 107 / .25)}.macro-nav:hover{border-color:rgb(17 153 142 / .5);box-shadow:0 20px 60px rgb(17 153 142 / .25)}.telephoto-nav:hover{border-color:rgb(255 140 0 / .5);box-shadow:0 20px 60px rgb(255 140 0 / .25)}.wide-nav:hover{border-color:rgb(139 92 246 / .5);box-shadow:0 20px 60px rgb(139 92 246 / .25)}.specialty-nav:hover{border-color:rgb(168 85 247 / .5);box-shadow:0 20px 60px rgb(168 85 247 / .25)}.nav-card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgb(139 92 246 / .08) 0%,transparent 50%);pointer-events:none;opacity:0;transition:all 0.4s ease}.lens-nav-card:hover .nav-card-glow{opacity:1}.nav-image-container{height:120px;margin-bottom:25px;border-radius:18px;position:relative;overflow:hidden;background:rgb(139 92 246 / .05);display:flex;align-items:center;justify-content:center;border:1px solid rgb(139 92 246 / .1);transition:all 0.3s ease}.lens-nav-card:hover .nav-image-container{border-color:rgb(139 92 246 / .3);box-shadow:inset 0 0 20px rgb(139 92 246 / .1)}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:rgb(139 92 246 / .08);border:2px solid rgb(139 92 246 / .15);transition:all 0.3s ease}.lens-nav-card:hover .nav-icon-wrapper{transform:scale(1.05);border-color:rgb(139 92 246 / .4);box-shadow:0 0 25px rgb(139 92 246 / .3)}.nav-icon{font-size:2.2rem;filter:drop-shadow(0 0 10px rgb(139 92 246 / .3));transition:all 0.3s ease}.lens-nav-card:hover .nav-icon{transform:scale(1.1);filter:drop-shadow(0 0 15px rgb(139 92 246 / .5))}.nav-icon-backdrop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgb(139 92 246 / .15) 0%,transparent 70%);border-radius:50%;opacity:0;transition:all 0.3s ease}.lens-nav-card:hover .nav-icon-backdrop{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.nav-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(139 92 246 / .05),rgb(147 51 234 / .03));opacity:0;transition:all 0.3s ease;border-radius:18px}.lens-nav-card:hover .nav-card-overlay{opacity:1}.nav-card-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column}.nav-card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.2;transition:all 0.3s ease}.lens-nav-card:hover .nav-card-title{color:#e0e7ff;text-shadow:0 0 10px rgb(139 92 246 / .3)}.nav-card-description{font-size:1rem;color:rgb(255 255 255 / .8);font-style:italic;margin-bottom:20px;line-height:1.4;transition:all 0.3s ease}.lens-nav-card:hover .nav-card-description{color:rgb(255 255 255 / .95)}.nav-card-specs{margin-bottom:20px;flex:1}.nav-spec-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgb(255 255 255 / .1);transition:all 0.3s ease}.nav-spec-item:last-child{border-bottom:none}.nav-spec-item:hover{border-color:rgb(139 92 246 / .3);padding-left:5px}.nav-spec-icon{font-size:1rem;opacity:.8;transition:all 0.3s ease}.nav-spec-item:hover .nav-spec-icon{opacity:1;transform:scale(1.1)}.nav-spec-text{color:rgb(255 255 255 / .75);font-size:.9rem;font-weight:500;transition:all 0.3s ease}.nav-spec-item:hover .nav-spec-text{color:rgb(255 255 255 / .95)}.nav-card-features{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.nav-feature-tag{background:rgb(139 92 246 / .2);color:rgb(139 92 246);padding:6px 12px;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgb(139 92 246 / .3);transition:all 0.3s ease}.nav-feature-tag:hover{background:rgb(139 92 246 / .3);border-color:rgb(139 92 246 / .5);transform:translateY(-1px)}.nav-card-cta{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:rgb(139 92 246 / .05);border-radius:12px;border:1px solid rgb(139 92 246 / .1);margin-top:auto;transition:all 0.3s ease}.lens-nav-card:hover .nav-card-cta{background:rgb(139 92 246 / .1);border-color:rgb(139 92 246 / .3);box-shadow:0 4px 15px rgb(139 92 246 / .2)}.nav-cta-text{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:rgb(255 255 255 / .9);transition:all 0.3s ease}.lens-nav-card:hover .nav-cta-text{color:#fff;text-shadow:0 0 5px rgb(139 92 246 / .5)}.nav-cta-arrow{font-size:1.2rem;color:rgb(139 92 246 / .8);transition:all 0.3s ease;transform:translateX(0)}.lens-nav-card:hover .nav-cta-arrow{color:#8b5cf6;transform:translateX(8px)}.lens-nav-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;overflow:hidden}.floating-nav-element{position:absolute;font-size:1.8rem;opacity:.1;animation:floatNavElement 20s infinite ease-in-out;text-shadow:0 0 15px rgb(139 92 246 / .2);filter:drop-shadow(0 0 10px rgb(139 92 246 / .3));transition:all 0.3s ease}.floating-nav-1{top:12%;left:8%;animation-delay:0s;font-size:2rem}.floating-nav-2{top:25%;right:15%;animation-delay:3s;font-size:1.6rem}.floating-nav-3{top:45%;left:5%;animation-delay:6s;font-size:2.2rem}.floating-nav-4{top:65%;right:8%;animation-delay:9s;font-size:1.8rem}.floating-nav-5{bottom:30%;left:12%;animation-delay:12s;font-size:2rem}.floating-nav-6{bottom:15%;right:18%;animation-delay:15s;font-size:1.7rem}@keyframes floatNavElement{0%,100%{transform:translateY(0) rotate(0deg) scale(1);opacity:.08;filter:drop-shadow(0 0 8px rgb(139 92 246 / .2))}20%{transform:translateY(-25px) rotate(5deg) scale(1.1);opacity:.15;filter:drop-shadow(0 0 12px rgb(139 92 246 / .4))}40%{transform:translateY(-15px) rotate(-3deg) scale(.9);opacity:.1;filter:drop-shadow(0 0 10px rgb(147 51 234 / .3))}60%{transform:translateY(-30px) rotate(7deg) scale(1.05);opacity:.18;filter:drop-shadow(0 0 15px rgb(139 92 246 / .5))}80%{transform:translateY(-10px) rotate(-2deg) scale(.95);opacity:.12;filter:drop-shadow(0 0 8px rgb(168 85 247 / .3))}}@keyframes particleFloat{0%{transform:translateY(0) translateX(0)}100%{transform:translateY(-100px) translateX(-100px)}}@keyframes gradientShift{0%,100%{opacity:1}50%{opacity:.5}}.lens-nav-card:hover~.lens-nav-floating-elements .floating-nav-element{animation-duration:8s;opacity:.2;transform:scale(1.1)}@media (max-width:1200px){.lens-nav-title{font-size:2.8rem}}@media (max-width:992px){.lens-navigation-section{padding:80px 0}.lens-nav-header{margin-bottom:60px}.lens-nav-grid{grid-template-columns:repeat(2,1fr);max-width:800px}.lens-nav-title{font-size:2.5rem}.lens-nav-subtitle{font-size:1.2rem}}@media (max-width:768px){.lens-navigation-section{padding:70px 0}.lens-nav-grid{grid-template-columns:1fr;max-width:400px;gap:20px;padding:0 15px}.lens-nav-card{min-height:380px;padding:25px}.nav-image-container{height:100px;margin-bottom:20px}.nav-icon-wrapper{width:70px;height:70px}.nav-icon{font-size:2rem}.nav-card-title{font-size:1.4rem}.lens-nav-title{font-size:2.2rem}.lens-nav-subtitle{font-size:1.1rem}.floating-nav-element{font-size:1.4rem;opacity:.06}.floating-nav-1,.floating-nav-3,.floating-nav-5{display:none}.floating-nav-2{top:20%;right:10%}.floating-nav-4{top:60%;right:5%}.floating-nav-6{bottom:20%;right:15%}}@media (max-width:576px){.lens-navigation-section{padding:60px 0}.lens-nav-header{margin-bottom:50px}.nav-category-badge{padding:10px 24px;font-size:.9rem}.lens-nav-title{font-size:2rem}.lens-nav-subtitle{font-size:1rem;margin-bottom:25px}.lens-nav-card{min-height:350px;padding:20px}.nav-image-container{height:90px;margin-bottom:18px}.nav-icon-wrapper{width:60px;height:60px}.nav-icon{font-size:1.8rem}.nav-card-title{font-size:1.3rem}.nav-card-description{font-size:.95rem}.lens-nav-floating-elements{display:none}.lens-nav-particles{opacity:.4;animation-duration:45s}}