.service-page-main{width:100%}.service-fullpage-container{background-color:#f8fafc;background-image:linear-gradient(#94a3b81f 1px,#0000 1px),linear-gradient(90deg,#94a3b81f 1px,#0000 1px);background-position:top;background-size:28px 28px;border-bottom:1px solid #e2e8f0;width:100%;min-height:calc(100vh - 160px);position:relative}.service-fullpage-container:before{content:"";z-index:5;background:linear-gradient(90deg,#2563eb 0%,#60a5fa 50%,#2563eb 100%);width:100%;height:3.5px;position:absolute;top:0;left:0;right:0}.service-hero-header{text-align:center;z-index:2;padding:6.5rem 1rem 2.5rem;position:relative}@media (width<=768px){.service-hero-header{padding:115px 1rem 2rem}}.service-form-section{z-index:2;width:100%;padding:.5rem 1rem 6.5rem;position:relative}.service-wizard-card{z-index:3;background:#fff;border:1px solid #cbd5e1f2;border-radius:20px;max-width:820px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #0f172a1f,0 0 0 1px #fffc}.service-card-header{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:1.75rem 2.25rem 1.25rem;display:flex}.service-icon-circle{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.service-card-title{color:#0f172a;margin:0 0 2px;font-size:1.375rem;font-weight:800}.service-card-subtitle{color:#64748b;margin:0;font-size:.875rem}.horizontal-stepper-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 2.25rem;display:flex;position:relative}@media (width<=640px){.horizontal-stepper-bar{padding:1rem}}.stepper-item{z-index:2;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex;position:relative}.stepper-circle{color:#64748b;background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8125rem;font-weight:800;transition:all .25s;display:flex}.stepper-item.active .stepper-circle{color:#fff;background:#2563eb;border-color:#2563eb;transform:scale(1.06);box-shadow:0 0 0 4px #2563eb2e}.stepper-item.completed .stepper-circle{color:#fff;background:#16a34a;border-color:#16a34a}.stepper-text{text-align:left;flex-direction:column;display:flex}.stepper-step-num{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-size:.6875rem;font-weight:800}.stepper-item.active .stepper-step-num{color:#2563eb}.stepper-title{color:#475569;font-size:.8125rem;font-weight:700}.stepper-item.active .stepper-title{color:#0f172a}@media (width<=640px){.stepper-text{display:none}}.stepper-connector{background:#cbd5e1;flex:1;height:2px;margin:0 10px;transition:background .3s}.stepper-connector.completed{background:#16a34a}.service-step-panel{padding:2rem 2.25rem;display:none}.service-step-panel.active{animation:.25s cubic-bezier(.16,1,.3,1) stepFadeIn;display:block}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.service-step-panel{padding:1.5rem 1.25rem}}.step-panel-title{color:#0f172a;margin:0 0 4px;font-size:1.125rem;font-weight:800}.step-panel-subtitle{color:#64748b;margin:0 0 1.5rem;font-size:.875rem}.service-form-grid-2{grid-template-columns:1fr;gap:1.125rem;display:grid}@media (width>=600px){.service-form-grid-2{grid-template-columns:1fr 1fr}}.service-form-group{flex-direction:column;gap:6px;margin-bottom:1.25rem;display:flex}.service-label{color:#334155;font-size:.8125rem;font-weight:600}.req-star{color:#ef4444;font-weight:700}.service-input,.service-select,.service-textarea{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.7rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s}.service-input:focus,.service-select:focus,.service-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.service-textarea{resize:vertical;min-height:110px}.warranty-cards-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=580px){.warranty-cards-grid{grid-template-columns:1fr 1fr}}.warranty-card-option{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;position:relative}.warranty-card-option input[type=radio]{display:none}.warranty-card-content{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:.85rem 1rem;transition:all .2s;display:flex}.warranty-card-option:hover .warranty-card-content{background:#f8fafc;border-color:#cbd5e1}.warranty-card-option input[type=radio]:checked+.warranty-card-content{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.warranty-radio-circle{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:2px;transition:all .2s;display:inline-block;position:relative}.warranty-card-option input[type=radio]:checked+.warranty-card-content .warranty-radio-circle{background:#2563eb;border-color:#2563eb}.warranty-card-option input[type=radio]:checked+.warranty-card-content .warranty-radio-circle:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.warranty-text-wrap{flex-direction:column;display:flex}.warranty-card-title{color:#0f172a;font-size:.8125rem;font-weight:700}.warranty-card-desc{color:#64748b;margin-top:1px;font-size:.75rem}.service-upload-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:1.25rem 1rem;transition:all .2s;position:relative}.service-upload-dropzone:hover,.service-upload-dropzone.dragover{background:#eff6ff;border-color:#2563eb}.upload-dropzone-content{flex-direction:column;align-items:center;gap:4px;display:flex}.upload-dropzone-icon{margin-bottom:2px;font-size:1.75rem}.upload-dropzone-text{color:#334155;font-size:.875rem;font-weight:500}.upload-highlight{color:#2563eb;font-weight:700;text-decoration:underline}.upload-dropzone-hint{color:#64748b;font-size:.75rem}.service-upload-preview-grid{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.preview-thumb-item{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:60px;height:60px;position:relative;overflow:hidden}.preview-thumb-img{object-fit:cover;width:100%;height:100%}.preview-thumb-remove{color:#fff;cursor:pointer;background:#0f172abf;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.wizard-step-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-step-back{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-step-back:hover{color:#0f172a;background:#f1f5f9}.btn-step-next,.btn-step-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:.75rem 1.6rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #2563eb40}.btn-step-next:hover,.btn-step-submit:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.portal-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;visibility:hidden;opacity:0;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;transition:all .25s;display:flex;position:fixed;inset:0}.portal-modal-overlay.show{visibility:visible;opacity:1}.portal-modal-box{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:480px;padding:2.25rem 2rem;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:scale(.95);box-shadow:0 25px 50px -12px #0f172a59}.portal-modal-overlay.show .portal-modal-box{transform:scale(1)}.portal-modal-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;font-size:2rem;display:flex}
