.configurator-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--canvas-base);color:var(--text-primary);min-height:100vh;transition:background var(--duration-normal) var(--easing-standard),color var(--duration-normal) var(--easing-standard);position:relative;overflow-x:hidden;--orb-track-x: 0px;--orb-track-y: 0px}.configurator-page h1,.configurator-page h2,.configurator-page h3,.configurator-page h4,.configurator-page h5,.configurator-page h6{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.configurator{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:10}.configurator-header{display:flex;align-items:flex-end;justify-content:space-between;padding:3.5rem 2rem 1rem;position:sticky;top:0;background:transparent;z-index:100}.configurator-header:before{content:"";position:absolute;top:3rem;left:0;right:0;height:1px;background:var(--border-color);z-index:-1}.back-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#000;border:1px solid rgba(255,255,255,.1);padding:.6rem 1.4rem;border-radius:30px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000080;position:relative;overflow:hidden;height:44px;min-width:100px}.back-btn:hover{border-color:#ff2e2e66;box-shadow:0 10px 30px #0009;transform:translateY(-1px)}.back-btn:hover .back-text,.back-btn:hover .back-arrow{color:#ff2e2e}.back-text{transition:opacity .3s ease,transform .3s ease,width .3s ease;white-space:nowrap;display:inline-block}.back-arrow{transition:transform .5s cubic-bezier(.4,0,.2,1),color .3s ease;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}.back-btn.is-clicked{pointer-events:none;min-width:44px;width:44px;padding:0;gap:0;border-radius:50%;background:#000}.back-btn.is-clicked .back-text{opacity:0;width:0;margin:0;transform:translate(-10px)}.back-btn.is-clicked .back-arrow{transform:translate(0)}.progress-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:400px;position:absolute;top:0;left:50%;transform:translate(-50%);margin-top:1rem}.progress-label{font-size:.75rem;font-weight:600;color:var(--brand-orange);text-transform:uppercase;letter-spacing:.05em}.progress-bar{width:100%;height:12px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.progress-track{width:12px;height:12px;border-radius:50%;flex-shrink:0;position:relative}.progress-circle-purple-1,.progress-circle-purple-2{background:#a78bfa}.progress-circle-blue-1,.progress-circle-blue-2{background:#60a5fa}.progress-circle-green-1,.progress-circle-green-2{background:#22c55e}.progress-circle-orange-1,.progress-circle-orange-2{background:#d9751a}[data-theme=dark] .progress-circle-purple-1,[data-theme=dark] .progress-circle-purple-2{background:#8b5cf6}[data-theme=dark] .progress-circle-blue-1,[data-theme=dark] .progress-circle-blue-2{background:#3b82f6}.configurator .progress-fill,.configurator-page .progress-fill{display:none}.header-right{display:flex;align-items:center;gap:1.5rem}.theme-toggle-wrapper{position:absolute;top:.5rem;right:2rem;flex-shrink:0}.close-btn-wrapper{display:flex;align-items:center}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#dc2626;font-size:1.25rem;font-weight:300;line-height:1;text-decoration:none;text-align:center;transition:all var(--duration-fast) var(--easing-standard);transform-origin:center;will-change:transform;border-radius:50%;background:#dc26260d;border:1px solid rgba(220,38,38,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn:hover{color:#b91c1c;background:#d9751a4d}.close-btn-tooltip{position:absolute;top:100%;right:0;margin-top:.75rem;background:var(--text-primary);color:var(--bg-primary);padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard);transform:translateY(-4px);z-index:10000;box-shadow:0 2px 8px #00000026;display:none}.close-btn-tooltip:before{content:"";position:absolute;top:-6px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--text-primary)}.close-btn-tooltip.is-visible{opacity:1;transform:translateY(0)}[data-theme=dark] .close-btn-tooltip{background:var(--text-primary);color:var(--bg-primary)}[data-theme=dark] .close-btn-tooltip:before{border-bottom-color:var(--text-primary)}@media (prefers-reduced-motion: reduce){.close-btn{will-change:auto}}.vapor-container{position:fixed;pointer-events:none;z-index:1000;top:0;left:0;width:100%;height:100%}.vapor-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#dc2626cc;pointer-events:none;box-shadow:0 0 6px #dc262699,0 0 12px #dc26264d;will-change:transform,opacity}.theme-toggle-wrapper{flex-shrink:0}.toggle-switch{width:60px;height:30px;border-radius:15px;position:relative;cursor:pointer;overflow:hidden;transition:all var(--duration-normal) var(--easing-standard)}.toggle-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#87ceeb,#e0f7fa);transition:all var(--duration-normal) var(--easing-standard)}.is-active .toggle-background,.active .toggle-background{background:linear-gradient(180deg,#1a1a2e,#2d2d4a)}.toggle-knob{position:absolute;width:24px;height:24px;background:gold;border-radius:50%;top:3px;left:3px;transition:all var(--duration-normal) var(--easing-standard);box-shadow:0 0 10px #ffd70080}.is-active .toggle-knob,.active .toggle-knob{left:33px;background:#e8e8e8;box-shadow:0 0 10px #ffffff4d}.scenery{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity var(--duration-normal) var(--easing-standard)}.day-scenery{opacity:1}.night-scenery,.is-active .day-scenery,.active .day-scenery{opacity:0}.is-active .night-scenery,.active .night-scenery{opacity:1}.cloud{position:absolute;background:#fff;border-radius:10px;opacity:.8}.cloud-1{width:15px;height:5px;top:8px;left:35px}.cloud-2{width:10px;height:4px;top:15px;left:40px}.cloud-3{width:8px;height:3px;top:20px;left:35px}.cloud-4{width:12px;height:4px;top:6px;left:42px}.cloud-5{width:6px;height:3px;top:12px;left:45px}.star{position:absolute;color:gold;font-size:6px;animation:twinkle 1.5s infinite alternate}.star-1{top:8px;left:38px;animation-delay:0s}.star-2{top:15px;left:45px;animation-delay:.5s}.star-3{top:20px;left:40px;animation-delay:1s}.crater{position:absolute;background:#0000001a;border-radius:50%;opacity:0;transition:opacity var(--duration-normal) var(--easing-standard)}.is-active .crater,.active .crater{opacity:1}.crater-1{width:6px;height:6px;top:4px;left:5px}.crater-2{width:4px;height:4px;top:12px;left:10px}.crater-3{width:3px;height:3px;top:8px;left:14px}.configurator-page .orbs-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.configurator-page .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;will-change:transform;transform:translateZ(0)}.configurator-page .orb-purple{width:45vw;height:45vw;background:var(--orb-purple);top:-10%;left:-10%;transform:translate3d(calc(var(--orb-track-x) * .35),calc(var(--orb-track-y) * .35),0)}.configurator-page .orb-orange{width:55vw;height:55vw;background:var(--orb-orange);top:20%;left:30%;transform:translate3d(calc(var(--orb-track-x) * .55),calc(var(--orb-track-y) * .55),0)}.configurator-page .orb-blue{width:40vw;height:40vw;background:var(--orb-blue);bottom:-15%;right:-10%;transform:translate3d(calc(var(--orb-track-x) * .75),calc(var(--orb-track-y) * .75),0)}.configurator-page .frosted-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);pointer-events:none}.configurator-content{flex:1;display:flex;align-items:center;justify-content:center;padding:5rem 2rem 8rem;position:relative}.step{display:none;width:100%;max-width:600px;text-align:center;animation:fadeIn var(--duration-normal) var(--easing-standard)}.step.active{display:block}.step-label{font-size:.875rem;color:var(--brand-orange);margin-bottom:.75rem;font-weight:500}.step-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2.5rem;line-height:1.3}.options-grid{display:grid;gap:1rem}.options-4{grid-template-columns:repeat(2,1fr)}.options-3{grid-template-columns:repeat(3,1fr)}.options-multi{grid-template-columns:repeat(2,1fr)}.option-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all var(--duration-fast) var(--easing-standard)}.option-card:hover{background:var(--card-hover);border-color:var(--text-muted)}.option-card.selected{background:var(--card-selected-bg);border-color:var(--card-selected-border)}.option-emoji{font-size:2rem}.option-text{font-size:.9rem;font-weight:600;color:var(--text-primary)}.option-card.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--brand-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.option-card.multi-select{position:relative}.feedback-step .feedback-content{text-align:center;max-width:480px;margin:0 auto}.feedback-icon{font-size:4rem;margin-bottom:1rem;display:inline-block;animation:bounce var(--duration-slow) var(--easing-standard)}.feedback-label{font-size:.875rem;color:var(--brand-orange);margin-bottom:.75rem;font-weight:500}.feedback-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.4}.feedback-title .highlight{background:var(--highlight-green-bg);color:var(--highlight-green);padding:.1em .4em;border-radius:4px}.feedback-message{font-size:1rem;color:var(--text-secondary);line-height:1.6}.feedback-message strong{color:var(--text-primary)}.contact-form{display:flex;flex-direction:column;gap:1.25rem;text-align:left;margin-bottom:2rem}.configurator-page .form-group{display:flex;flex-direction:column;gap:.5rem}.configurator-page .form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.configurator-page .form-group input{padding:1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:12px;background:var(--card-bg);color:var(--text-primary);transition:border-color var(--duration-fast) var(--easing-standard)}.configurator-page .form-group input:focus{outline:none;border-color:var(--brand-orange)}.configurator-page .form-group input::-moz-placeholder{color:var(--text-muted)}.configurator-page .form-group input::placeholder{color:var(--text-muted)}.trust-badges{display:flex;flex-direction:column;gap:.75rem;align-items:center}.trust-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.badge-check{color:var(--highlight-green);font-weight:700}.processing-step .processing-content{text-align:center}.spinner{width:60px;height:60px;border:4px solid var(--progress-track);border-top-color:var(--highlight-green);border-radius:50%;animation:spin var(--duration-slowest) linear infinite;margin:0 auto 2rem}.processing-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.processing-checklist{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;max-width:280px;margin:0 auto}.checklist-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--text-secondary)}.checklist-icon{font-size:1.25rem}.checklist-icon.pending{color:var(--text-muted)}.checklist-icon.complete{color:var(--highlight-green)}.result-content{text-align:center;max-width:500px;margin:0 auto}.result-icon{font-size:4rem;margin-bottom:.5rem;animation:bounce var(--duration-slow) var(--easing-standard)}.result-label{font-size:.875rem;color:var(--brand-orange);margin-bottom:.75rem;font-weight:500}.result-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.result-title .highlight{background:var(--highlight-green-bg);color:var(--highlight-green);padding:.1em .4em;border-radius:4px}.result-price{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:2rem}.result-section{text-align:left;margin-bottom:1.5rem}.result-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.result-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.result-list li{font-size:.95rem;color:var(--text-secondary);padding:.25rem 0}.result-list.features li{color:var(--text-primary)}.result-ctas{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.configurator-page .cta-primary,.configurator-page .cta-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;transition:all var(--duration-fast) var(--easing-standard)}.configurator-page .cta-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.configurator-page .cta-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.configurator-page .cta-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.configurator-page .cta-secondary:hover{border-color:var(--text-primary)}.nav-controls{position:fixed;bottom:0;left:0;right:0;padding:1.5rem 2rem;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;justify-content:center;z-index:100}.configurator-page .btn-continue{width:100%;max-width:400px;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--easing-standard);border:none;position:relative;z-index:1;background:var(--btn-primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#1a1a2e4d;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.1)}.configurator-page .btn-continue:disabled{background:var(--btn-disabled-bg);background:#e5e7eb4d;color:#000;cursor:not-allowed;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.configurator-page .btn-continue:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.configurator-page .btn-continue-wrapper{position:relative;width:100%;max-width:400px;border-radius:50px;overflow:hidden;min-height:50px}.configurator-page .btn-continue-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50px;overflow:hidden;z-index:0}.bg-shape{position:absolute;border-radius:50%;opacity:1;filter:blur(5px) brightness(1.3);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;will-change:transform}.bg-shape-1{width:120px;height:120px;background:var(--orb-purple);top:-30px;left:-20px;animation:float-1 4s ease-in-out infinite}.bg-shape-2{width:100px;height:100px;background:var(--orb-orange);top:50%;right:-30px;transform:translateY(-50%);animation:float-2 5s ease-in-out infinite}.bg-shape-3{width:80px;height:80px;background:var(--orb-blue);bottom:-20px;left:20%;animation:float-3 6s ease-in-out infinite}.bg-shape-4{width:90px;height:90px;background:var(--brand-orange);top:20%;left:60%;animation:float-4 4.5s ease-in-out infinite}.bg-shape-5{width:70px;height:70px;background:var(--orb-purple);bottom:10%;right:15%;animation:float-5 5.5s ease-in-out infinite}[data-theme=dark] .btn-continue{background:#f0f0f54d;color:#000}@media (max-width: 768px){.configurator-header{padding:4rem 1rem 1rem}.configurator-header:before{top:3.5rem}.theme-toggle-wrapper{top:.5rem;right:1rem}.progress-section{margin-top:.5rem;max-width:300px}.configurator-content{padding:4rem 1rem 7rem}.back-btn{padding:.5rem 1rem;font-size:.85rem}.options-4,.options-multi,.options-3{grid-template-columns:1fr}.option-card{flex-direction:row;justify-content:flex-start;text-align:left;padding:1rem 1.25rem}.nav-controls{padding:1rem}}@media (max-width: 480px){.toggle-switch{width:50px;height:25px}.toggle-knob{width:20px;height:20px;top:2.5px;left:2.5px}.is-active .toggle-knob,.active .toggle-knob{left:27px}}.save-info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-dialog{position:relative;background:var(--bg-primary);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color);z-index:10001;animation:slideUp var(--duration-normal) var(--easing-standard)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.modal-message{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-align:center}.modal-btn-primary{background:var(--brand-orange);color:#fff}.modal-btn-primary:hover{background:#a45711;transform:translateY(-1px)}.modal-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-btn-secondary:hover{background:var(--card-hover);transform:translateY(-1px)}.modal-btn-cancel{background:transparent;color:var(--text-secondary)}.modal-btn-cancel:hover{color:var(--text-primary)}[data-theme=dark] .modal-dialog{background:var(--bg-primary)}[data-theme=dark] .modal-backdrop{background:#000000b3}@media (max-width: 480px){.modal-dialog{padding:1.5rem;max-width:95%}}