.banner-wrapper{position:relative;height:300px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transition-delay:.1s;perspective:1000px;margin-bottom:20px;transform-origin:top center;will-change:transform;animation:breathe 4s ease-in-out infinite;cursor:pointer}@media (min-width: 640px){.banner-wrapper{height:320px}}@media (min-width: 768px){.banner-wrapper{height:340px}}.banner-wrapper:hover,.banner-wrapper:focus{outline:none;transform:translateY(-15px);animation-play-state:paused}.banner-wrapper:hover .banner-content{transform:scaleY(1.15);transform-origin:top center;box-shadow:0 30px 60px #000000b3,0 0 0 2px #0bdbb599}.banner-wrapper:hover .banner-content:before{opacity:.7;background:radial-gradient(ellipse at 50% 20%,rgba(11,219,181,.4) 0%,transparent 60%),linear-gradient(135deg,#0bdbb54d,#0bdbb533,#0bdbb54d)}.banner-wrapper:hover .banner-fold{transform:translateY(20px) scaleY(1.5);opacity:.2}.banner-wrapper:hover .image-wrapper{transform:translate(-50%,-50%) scaleY(.87)}.banner-wrapper:hover .action-image{filter:brightness(1.2) contrast(1.1)}.banner-wrapper:hover h2{color:#a2f1e4;text-shadow:0 2px 8px rgba(11,219,181,.6);transform:translate(-50%) translateY(20px)}.banner-wrapper:hover .banner-tassels{transform:translateY(40px) scale(1.1);opacity:1}.banner-content{position:relative;height:100%;width:85%;margin:0 auto;background:linear-gradient(135deg,#161a2cf2,#1e2337eb,#101320eb,#1e2337eb,#161a2cf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:visible;transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s ease;transform-style:preserve-3d;transform-origin:top center;will-change:transform,box-shadow;clip-path:polygon(0 0,100% 0,100% 80%,85% 85%,50% 100%,15% 85%,0 80%);box-shadow:0 20px 40px #00000080,0 0 0 1.5px #0bdbb54d,inset 0 0 0 1px #ffffff0d,inset 0 -20px 40px #0003;border:1.5px solid rgba(11,219,181,.3)}@media (min-width: 640px){.banner-content{width:90%}}@media (min-width: 768px){.banner-content{width:100%}}.banner-content:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#0bdbb533,#0bdbb51a,#0bdbb533);clip-path:polygon(0 0,100% 0,100% 80%,85% 85%,50% 100%,15% 85%,0 80%);z-index:-1;transition:all .3s ease;pointer-events:none;opacity:.3}.banner-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent 0px,rgba(255,215,0,.015) 10px,transparent 20px,transparent 30px),repeating-linear-gradient(-45deg,transparent 0px,rgba(255,215,0,.015) 10px,transparent 20px,transparent 30px),repeating-linear-gradient(90deg,transparent 0px,rgba(255,255,255,.03) 1px,transparent 2px,transparent 4px),repeating-linear-gradient(0deg,transparent 0px,rgba(255,255,255,.03) 1px,transparent 2px,transparent 4px),linear-gradient(135deg,transparent 20%,rgba(11,219,181,.08) 40%,rgba(218,165,32,.05) 50%,rgba(11,219,181,.08) 60%,transparent 80%);z-index:2;pointer-events:none;opacity:.9;clip-path:inherit;transition:all .5s ease}.banner-pole{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:85%;height:35px;background:linear-gradient(to bottom,#5c3317f2,#8b4513e6,#a0522df2 30%,#8b4513e6,#a0522df2 70%,#8b4513e6,#5c3317f2);border-radius:18px;z-index:5;box-shadow:0 6px 20px #000000b3,inset 0 3px 6px #ffffff4d,inset 0 -3px 6px #0006,inset 0 0 20px #8b45134d;transition:all .5s ease}@media (min-width: 640px){.banner-pole{width:90%}}@media (min-width: 768px){.banner-pole{width:96%}}.banner-pole:before,.banner-pole:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:24px;height:32px;background:radial-gradient(circle at 30% 30%,#a2f1e4e6,#0bdbb5cc,#161a2ce6,#0bdbb599,#1e2337f2),linear-gradient(135deg,#5a678ccc,#0bdbb54d,#3c4664cc);border:1px solid rgba(11,219,181,.4);border-radius:20% 50% 50% 20%;box-shadow:inset 0 2px 8px #0bdbb54d,inset 0 -2px 8px #0009,0 4px 12px #000000b3,0 0 25px #0bdbb566,0 0 8px #0bdbb599;transition:all .3s ease}.banner-pole:before{left:-10px;border-radius:50% 20% 20% 50%}.banner-pole:after{right:-10px;border-radius:20% 50% 50% 20%}@media (min-width: 640px){.banner-pole:before,.banner-pole:after{width:28px;height:36px}.banner-pole:before{left:-13px}.banner-pole:after{right:-13px}}@media (min-width: 768px){.banner-pole:before,.banner-pole:after{width:32px;height:42px}.banner-pole:before{left:-16px}.banner-pole:after{right:-16px}}.banner-fold{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%);clip-path:polygon(0 0,100% 0,85% 100%,50% 80%,15% 100%,0 0);z-index:3;pointer-events:none;transition:transform .4s ease,opacity .3s ease;transform-origin:top center;will-change:transform,opacity}.banner-tassels{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100%;height:40px;opacity:0;transition:all .5s ease;pointer-events:none;z-index:1}.banner-tassels:before,.banner-tassels:after{content:"";position:absolute;bottom:0;width:3px;height:20px;background:linear-gradient(to bottom,#0bdbb566,#0bdbb51a);box-shadow:0 0 10px #0bdbb54d,0 2px 4px #0000004d}.banner-tassels:before{left:30%}.banner-tassels:after{right:30%}.image-wrapper{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:70%;height:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .3s ease}.action-image{width:100%;height:100%;object-fit:contain;filter:brightness(.95);transition:transform .3s ease,filter .3s ease;will-change:transform}.banner-title{position:absolute;font-weight:700;bottom:70px;font-family:Cinzel,serif;font-size:clamp(.65rem,2.5vw,1rem);letter-spacing:.05em;color:#fffffff2;text-transform:uppercase;padding:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5);transition:transform .3s ease,color .3s ease,text-shadow .3s ease;z-index:3;white-space:normal;width:85%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.2;text-decoration:none;-webkit-text-stroke:.3px rgba(218,165,32,.2)}.banner-wrapper.selected{transform:translateY(-12px) scale(1.03);animation:none;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.banner-wrapper.selected .banner-content{animation:selectedPulse 2s ease-in-out infinite;box-shadow:0 35px 70px #000c,0 0 0 3px #0bdbb5cc,0 0 50px #0bdbb580}.banner-wrapper.selected .banner-title{color:#fff;text-shadow:0 0 30px rgba(11,219,181,1),0 0 15px rgba(255,215,0,.6),0 3px 6px rgba(0,0,0,.7);background:linear-gradient(180deg,#fff,gold 40%,#a2f1e4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translate(-50%) translateY(15px) scale(1.05);letter-spacing:.12em}.banner-wrapper.inactive{pointer-events:none;opacity:.5}.banner-wrapper.inactive .banner-content{background:linear-gradient(135deg,#141414cc,#0f0f0fcc)}.banner-wrapper.inactive .action-image{filter:grayscale(.8) brightness(.6)}.banner-entry{opacity:0;animation:bannerDrop .8s cubic-bezier(.175,.885,.32,1.275) forwards}@media (prefers-reduced-motion: reduce){.banner-wrapper{animation:none}.banner-entry{animation:none;opacity:1}.banner-wrapper.selected .banner-content{animation:none}}.modal-content{position:relative;z-index:10;width:1150px;max-width:95vw;height:820px;min-height:700px;max-height:90vh;background:linear-gradient(135deg,#161a2cfa,#191e30f2 25%,#101320f2);border-radius:20px;overflow:hidden;box-shadow:0 25px 50px #000000b3,0 0 0 1px #0bdbb533,0 0 40px #0bdbb526,inset 0 0 0 1px #0bdbb51a;animation:menuModalContentAppear .8s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column}.modal-content:before{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;content:"";background:linear-gradient(135deg,rgba(11,219,181,.1) 0%,transparent 60%),radial-gradient(circle at top right,rgba(11,219,181,.15),transparent 60%);border-radius:20px}.modal-content:after{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;pointer-events:none;content:"";box-shadow:inset 0 0 0 1px #ffffff1f}@media (max-width: 768px){.modal-content{width:100%;min-height:100%;height:100%;max-height:90vh;border-radius:12px}}.modal-header{display:flex;justify-content:space-between;align-items:center;position:relative;padding:25px 30px;background:linear-gradient(180deg,rgba(11,219,181,.08) 0%,transparent 100%);flex-shrink:0}.modal-header:before{position:absolute;top:0;left:0;right:0;height:2px;content:"";background:linear-gradient(90deg,transparent 0%,rgba(11,219,181,.7) 50%,transparent 100%);filter:blur(1px)}.modal-header:after{position:absolute;bottom:0;left:10%;right:10%;height:1px;content:"";background:linear-gradient(90deg,transparent 0%,rgba(11,219,181,.4) 50%,transparent 100%);box-shadow:0 1px 8px #0bdbb533}.modal-title{color:#fff;font-weight:700;margin:0;font-size:2rem;font-family:Cinzel,serif;letter-spacing:.08em;text-shadow:0 0 10px rgba(11,219,181,.6),0 0 20px rgba(11,219,181,.3);background:linear-gradient(180deg,#fff,#a2f1e4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.modal-title:after{content:"";position:absolute;left:0;bottom:-6px;width:40px;height:3px;background:linear-gradient(90deg,rgba(11,219,181,1),transparent);border-radius:3px}.close-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff08;border:1px solid rgba(11,219,181,.3);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d,inset 0 0 0 1px #ffffff0d;color:#fffc;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.close-button:hover{transform:rotate(90deg);background:#0bdbb526;border-color:#0bdbb5cc;color:#0bdbb5;box-shadow:0 6px 15px #0006,0 0 0 1px #0bdbb566,0 0 10px #0bdbb566,inset 0 0 0 1px #ffffff1a}.menu-step-indicator{display:flex;justify-content:center;gap:35px;position:relative;padding:20px 30px;margin:10px 20px;flex-shrink:0}@media (max-width: 768px){.menu-step-indicator{padding:15px 10px;gap:10px;flex-wrap:wrap;justify-content:flex-start;overflow-x:auto;margin:5px}}.step{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:1;width:110px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.step:hover{transform:translateY(-2px)}.step.active{transform:translateY(-5px)}.step-icon{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:12px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:50%;z-index:1;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.step.active .step-icon{background:linear-gradient(135deg,#0bdbb526,#0bdbb540);border-color:#0bdbb599;box-shadow:0 0 0 3px #0bdbb526,0 0 15px #0bdbb54d,inset 0 0 10px #0bdbb533;transform:scale(1.1)}.step-icon img{width:32px;height:32px;object-fit:contain;filter:brightness(.9) drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:all .3s}.step.active .step-icon img{filter:brightness(1.3) drop-shadow(0 2px 4px rgba(11,219,181,.8));transform:scale(1.15)}.step-label{display:block;font-weight:500;text-align:center;font-size:.85rem;color:#fffc;letter-spacing:.08em;transition:all .4s cubic-bezier(.215,.61,.355,1);white-space:nowrap}.step.active .step-label{color:#0bdbb5;font-weight:700;text-shadow:0 0 5px rgba(11,219,181,.5);transform:translateY(4px) scale(1.08)}.step-number{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#1e2032e6;border:1px solid rgba(11,219,181,.4);border-radius:50%;color:#fff;font-size:.7rem;font-weight:600;box-shadow:0 2px 4px #0000004d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.step.active .step-number{opacity:0;transform:translate(-50%,-50%) scale(0)}.step-content{flex:1;overflow-y:auto;position:relative;padding:25px 30px;margin:0 10px}.option-content{display:flex;gap:30px;height:100%}@media (max-width: 768px){.option-content{flex-direction:column;gap:20px}}.option-image-section{flex:none;width:280px;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.option-image-section{width:100%}}.image-frame{position:relative;width:200px;height:200px;margin-bottom:15px;background:#0000004d;border-radius:15px;padding:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0000004d,0 0 0 1px #0bdbb533;overflow:hidden}.image-frame:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(11,219,181,.1) 0%,transparent 100%);z-index:1;pointer-events:none;content:""}.image-frame:after{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(11,219,181,.08) 50%,transparent 100%);animation:menuShimmer 6s infinite;animation-delay:2s;z-index:2;pointer-events:none;content:"";opacity:.6}.option-image{position:relative;z-index:2;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(11,219,181,.5));animation:menuFloat 6s ease-in-out infinite}.character-badge{display:inline-block;background:linear-gradient(135deg,#0bdbb533,#0bdbb50d);border:1px solid rgba(11,219,181,.4);padding:8px 20px;border-radius:20px;color:#0bdbb5;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #0003;letter-spacing:.05em;text-shadow:0 0 5px rgba(11,219,181,.5)}.option-info{flex:1;display:flex;flex-direction:column}.option-title{color:#fff;margin:0 0 15px;font-size:1.8rem;font-weight:600;font-family:Cinzel,serif;letter-spacing:.05em;text-shadow:0 0 10px rgba(11,219,181,.4);position:relative}.option-title:after{content:"";position:absolute;left:0;bottom:-8px;width:60px;height:3px;background:linear-gradient(90deg,rgba(11,219,181,.9) 0%,transparent 100%);border-radius:3px}.option-description{margin-bottom:25px;line-height:1.7;color:#ffffffe6;font-size:1rem}.details-row{display:flex;gap:20px;margin-bottom:30px}@media (max-width: 768px){.details-row{flex-direction:column;gap:10px}}.detail-item{flex:1;background:#ffffff0a;border-radius:10px;padding:16px;border-left:2px solid rgba(11,219,181,.4);box-shadow:0 4px 15px #0003,0 0 0 1px #ffffff0d;transition:all .3s}.detail-item:hover{background:#ffffff0f;box-shadow:0 6px 20px #00000040,0 0 0 1px #ffffff14;transform:translateY(-2px);border-left-color:#0bdbb5b3}.detail-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:6px}.detail-value{display:block;color:#fff;font-size:1rem;font-weight:600}.benefits-section{background:#ffffff0a;border-radius:12px;padding:20px;border-left:2px solid rgba(11,219,181,.4);box-shadow:0 4px 15px #0003,0 0 0 1px #ffffff0d;transition:all .3s}.benefits-section:hover{background:#ffffff0f;box-shadow:0 6px 20px #00000040,0 0 0 1px #ffffff14;transform:translateY(-2px);border-left-color:#0bdbb5b3}.benefits-title{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:#0bdbb5e6;font-size:1.1rem;font-weight:600;letter-spacing:.05em}.benefits-list{margin:0;padding-left:20px;list-style:disc}.benefits-list li{color:#ffffffe6;margin-bottom:10px;padding-left:5px}.benefits-list li::marker{color:#0bdbb5cc}.navigation{display:flex;justify-content:space-between;padding:25px 30px;background:linear-gradient(to top,rgba(11,219,181,.08) 0%,transparent 100%);border-top:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden;flex-shrink:0}.navigation:before{position:absolute;top:0;left:10%;right:10%;height:1px;content:"";background:linear-gradient(90deg,transparent 0%,rgba(11,219,181,.4) 50%,transparent 100%);box-shadow:0 0 8px #0bdbb533}.nav-button{display:flex;align-items:center;gap:10px;border:none;border-radius:8px;color:#fff;cursor:pointer;background:#ffffff0f;font-size:.95rem;font-weight:500;padding:12px 24px;box-shadow:0 4px 10px #00000040,0 0 0 1px #ffffff0d,inset 0 0 0 1px #ffffff0d;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.nav-button:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s;content:""}.nav-button:hover{transform:translateY(-3px);background:#ffffff1a;box-shadow:0 6px 15px #0000004d,0 0 0 1px #ffffff1a,inset 0 0 0 1px #ffffff1a}.nav-button:hover:before{opacity:1}.nav-button:active{transform:translateY(0);box-shadow:0 2px 5px #0003,0 0 0 1px #ffffff0d,inset 0 0 0 1px #ffffff0d}.next-button{background:#0bdbb526;border-left:2px solid rgba(11,219,181,.5)}.next-button:hover{background:#0bdbb533;border-left-color:#0bdbb5cc;box-shadow:0 10px 25px #00000080,0 0 0 1px #0bdbb5e6,0 0 20px #0bdbb566,inset 0 1px #ffffff40}.next-button:active{transform:translateY(-1px)}