:root{--primary-color:#ffc700;--primary-hover:#ebc024;--secondary-color:#3b82f6;--bg-page:#f3f7f9;--bg-white:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-light:#e5e7eb;--border-active:#3b82f6;--success:#10b981;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-card:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.order-header{background:#fff;border-bottom:1px solid var(--border-light);padding:1rem 0;position:sticky;top:0;z-index:50}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.secure-badge{align-items:center;background:#ecfdf5;border-radius:20px;color:var(--success);display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:6px 12px}.page-container{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 380px;margin:2rem auto;max-width:1200px;padding:0 2rem}.progress-bar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto 3rem;max-width:320px;position:relative}.progress-line{background:var(--primary-color);transition:width .3s ease;width:0}.progress-bar-container:before,.progress-line{height:3px;left:0;position:absolute;top:8px;z-index:0}.progress-bar-container:before{background:#e5e7eb;border-radius:4px;content:"";right:0}.progress-step{align-items:center;cursor:default;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.step-circle{background:#fff;border:3px solid #e5e7eb;border-radius:50%;box-shadow:0 0 0 4px #fff;height:18px;transition:all .3s ease;width:18px}.step-label{color:var(--text-tertiary);font-size:.8rem;font-weight:500;position:absolute;top:30px;transition:color .3s;white-space:nowrap}.progress-step.active .step-circle{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.2)}.progress-step.active .step-label{color:var(--text-primary);font-weight:700}.progress-step.completed .step-circle{background:var(--primary-color);border-color:var(--primary-color)}.form-step{display:none;opacity:0;padding-bottom:4rem;transition:opacity .3s ease}.form-step.active{display:block;opacity:1}.step-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.step-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2.5rem}.service-cards-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.service-card{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:60px 1fr auto;padding:1.5rem;text-align:left;transition:all .2s ease}.service-card:hover{border-color:#bdbdbd;box-shadow:var(--shadow-sm)}.service-card.selected{background:#f0f6ff;border:2px solid var(--secondary-color)}.card-icon{align-items:center;background:#f3f4f6;border-radius:12px;color:var(--secondary-color);display:flex;height:48px;justify-content:center;width:48px}.service-card.selected .card-icon{background:#fff}.card-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.card-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.card-action{min-width:100px;text-align:right}.btn-select{background:var(--secondary-color);border:none;color:#fff;cursor:pointer;padding:8px 16px}.btn-select,.select-badge{border-radius:6px;font-size:.9rem;font-weight:600}.select-badge{background:#dbeafe;color:var(--secondary-color);padding:6px 12px}.step-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.btn-cancel{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;transition:color .2s}.btn-cancel:hover{color:var(--text-primary)}.form-group{margin-bottom:2rem}.form-group label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.quick-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.chip{background:#e0f2fe;border:none;border-radius:6px;color:var(--secondary-color);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.chip:hover{background:#dbeafe}.chip.active{background:var(--secondary-color);color:#fff}.dropdown-wrapper{cursor:pointer;position:relative}.form-input,.form-textarea{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:1rem;padding:14px 16px;transition:border-color .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.dropdown-arrow{color:var(--text-tertiary);height:20px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.dropdown-menu{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:none;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.dropdown-menu.active{display:block}.dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:.95rem;padding:12px 16px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f3f4f6;color:var(--secondary-color)}.label-note{color:var(--text-tertiary);font-size:.85rem;font-weight:400;margin-left:4px}.form-textarea{min-height:120px;resize:vertical}.warning-note{color:#f59e0b;display:flex;font-size:.85rem;margin-top:8px}.btn-attach,.warning-note{align-items:center;gap:8px}.btn-attach{background:#eff6ff;border:none;border-radius:var(--radius-sm);color:var(--secondary-color);cursor:pointer;display:inline-flex;font-weight:500;padding:10px 16px;transition:background .2s}.btn-attach:hover{background:#dbeafe}.counter-row{align-items:center;display:flex;gap:1rem}.page-counter{border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.counter-btn,.page-counter{background:#fff;display:flex}.counter-btn{align-items:center;border:none;color:var(--secondary-color);cursor:pointer;font-size:1.25rem;height:40px;justify-content:center;width:40px}.counter-btn:hover{background:#f9fafb}#pageCount{border:none;font-size:1.1rem;font-weight:600;text-align:center;width:60px}.page-info{color:var(--text-secondary);font-size:.9rem}.extras-grid{border-left:2px solid var(--secondary-color);display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem;padding-left:1rem}.extra-checkbox{cursor:pointer;font-size:.95rem;font-weight:500;gap:10px}.extra-checkbox,.step-actions{align-items:center;display:flex}.step-actions{gap:1rem;margin-top:3rem}.btn-primary{background:var(--primary-color);border:none;border-radius:var(--radius-sm);color:#000;cursor:pointer;font-size:1rem;font-weight:600;min-width:160px;padding:14px 32px;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.btn-text{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem}.btn-text:before{content:"←"}.sidebar{position:sticky;top:100px}.sidebar-content{display:none}.sidebar-content.active{animation:fadeIn .3s ease;display:block}.guarantee-box,.order-summary-box{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem}.guarantee-icon{font-size:2rem;margin-bottom:1rem}.guarantee-box h3,.order-summary-box h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.benefits-list,.guarantee-list{list-style:none;margin-top:1.5rem}.benefits-list li,.guarantee-list li{color:var(--text-secondary);font-size:.95rem;margin-bottom:.75rem;padding-left:24px;position:relative}.benefits-list li:before,.guarantee-list li:before{color:var(--success);content:"✓";font-weight:700;left:0;position:absolute}.summary-row{margin-bottom:1rem}.summary-label{color:var(--text-tertiary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:4px}.summary-value{color:var(--text-primary);font-size:1rem;font-weight:600}.btn-edit{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-size:.8rem;font-weight:600}.summary-divider{border:none;border-top:1px solid var(--border-light);margin:1.5rem 0}.benefits-scetion h4{color:var(--text-secondary);font-size:.85rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase}.price-breakdown{margin-bottom:1.5rem}.price-row-item{color:var(--text-secondary);display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.5rem}.discount-row{color:var(--success);font-weight:500}.total-price-row{align-items:center;border-top:1px dashed var(--border-light);color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;margin-top:1rem;padding-top:1rem}.original-price-display{font-size:.9rem;margin-top:4px;text-align:right}.discount-code-section label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.discount-input-group{display:flex;gap:8px}.discount-input-group input{border:1px solid var(--border-light);border-radius:var(--radius-sm);flex:1;font-size:.9rem;padding:8px 12px}.discount-input-group input:focus{border-color:var(--secondary-color);outline:none}.discount-input-group button{background:var(--text-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:0 16px}.discount-input-group button:hover{background:#000}.promo-msg{font-size:.8rem;height:1.2em;margin-top:6px}.promo-success{color:var(--success)}.promo-error{color:#ef4444}@media (max-width:900px){.page-container{grid-template-columns:1fr;margin-top:1rem;padding:1rem}.sidebar{display:none;display:block;margin-top:2rem;position:static}.form-step{padding-bottom:0}.service-cards-grid{grid-template-columns:1fr}.step-title{font-size:1.5rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.4);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-overlay.active{display:flex}.modal-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:2.5rem;position:relative;text-align:center;width:90%}.modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;position:absolute;right:20px;top:20px}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.modal-desc{color:var(--text-secondary);margin-bottom:2rem}.modal-actions{display:flex;flex-direction:column;gap:1rem}.btn-secondary{background:#eef2ff;border:none;border-radius:var(--radius-sm);color:var(--secondary-color);cursor:pointer;font-weight:600;padding:14px}.btn-secondary:hover{background:#dbeafe}.btn-danger-outline{align-items:center;background:#fff;background:var(--primary-color);border:none;border-radius:var(--radius-sm);color:var(--primary-color);color:#000;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px}.btn-danger-outline:hover{background:var(--primary-hover)}.loading-overlay{background:hsla(0,0%,100%,.9);bottom:0;display:flex;opacity:0;pointer-events:none;right:0;transition:opacity .3s;z-index:200}.loading-overlay.active{opacity:1;pointer-events:auto}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-light);border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.page-container{grid-template-columns:1fr}.sidebar{display:none}.progress-bar-container{padding:0 1rem}}.info-box{background:#dbeafe;border-left:4px solid var(--info);border-radius:var(--radius-md);padding:1.25rem}.info-box h4{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.info-box p{color:var(--text-secondary);font-size:.95rem;margin:0}.order-summary{background:var(--accent-light);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.order-summary h4{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.15rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.75rem}.summary-item{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.85rem}.summary-item span{color:var(--text-secondary)}.summary-item strong{color:var(--text-primary);font-weight:600}.price-display{background:var(--primary-hover);border-radius:var(--radius-md);margin-top:1.5rem;padding:1.25rem;position:relative;text-align:center}.discount-badge{background:var(--primary-color);border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(255,199,0,.35);color:var(--text-primary);font-size:.75rem;font-weight:700;padding:5px 14px;position:absolute;right:1rem;top:-10px}.price-row{gap:1.5rem;justify-content:center;margin:1rem 0}.price-block,.price-row{align-items:center;display:flex}.price-block{flex-direction:column;gap:4px}.price-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.price-original{color:var(--text-tertiary);font-size:1.1rem;opacity:.7;text-decoration:line-through}.price-discounted{background:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.65rem;font-weight:700;padding:6px 18px}.price-note{color:var(--text-secondary);font-size:.8rem;margin-top:.75rem}.loading-overlay{align-items:center;background:rgba(0,0,0,.7);display:none;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-overlay.active{display:flex}.loading-spinner{animation:spin .8s linear infinite;border:4px solid hsla(0,0%,100%,.2);border-radius:50%;border-top:4px solid var(--primary-color);height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay p{color:#fff;font-size:1.1rem;font-weight:500}@media (max-width:1200px){.page-container{gap:1.5rem;grid-template-columns:1fr 380px}}@media (max-width:1024px){.page-container{grid-template-columns:1fr}.instructions-section{max-height:none;position:relative;top:0}}@media (max-width:768px){.page-container{padding:1rem}.form-section,.instructions-section{padding:1.5rem}.progress-label{display:none}.progress-bar{padding:0 10px}.progress-bar:before{left:10px;right:10px}.progress-line{left:10px}.form-row,.service-type-grid{grid-template-columns:1fr}.form-row{gap:1rem}.option-grid-inline{flex-direction:column}.checkbox-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}.form-navigation{flex-direction:column-reverse}.nav-btn{width:100%}}@media (max-width:480px){.price-row{flex-direction:column;gap:1rem}.price-row svg{transform:rotate(90deg)}}