:root{--p:#2563eb;--pd:#1d4ed8;--pl:#dbeafe;--s:#7c3aed;--a:#f43f5e;--g:#10b981;--w:#f59e0b;--d:#ef4444;--t:#111827;--tl:#6b7280;--bg:#f9fafb;--c:#fff;--r: .75rem;--sh:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--tr:all .3s ease}body{font-family:'Inter',sans-serif;color:var(--t);background:var(--bg) url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232563eb' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif}@keyframes
fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes
slideIn{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes
scaleUp{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes
float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes
pulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.4)}70%{box-shadow:0 0 0 15px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}@keyframes
shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes
spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes
bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes
slideInRight{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes
slideOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}@keyframes
toastShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes
progressFill{0%{width:0%}100%{width:var(--progress-width)}}.a-fadeIn{animation:fadeIn .6s ease-out forwards}.a-slideIn{animation:slideIn .5s ease-out forwards}.a-scaleUp{animation:scaleUp .4s ease-out forwards}.a-float{animation:float 5s ease-in-out infinite}.a-pulse{animation:pulse 2s infinite}.a-bounce{animation:bounce 2s ease infinite}.header{background:linear-gradient(135deg, var(--p), var(--s));border-radius:var(--r);box-shadow:var(--sh);position:relative;overflow:hidden}.header::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M0 0h4v4H0V0zm8 0h4v4H8V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm16 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm8 0h4v4h-4V0zm0 8h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm-8 0h4v4h-4V8zm0 8h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4zm8 0h4v4h-4v-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.card{border-radius:var(--r);box-shadow:var(--sh);transition:var(--tr);background:var(--c);position:relative;overflow:hidden}.card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04)}.svc-option{transition:var(--tr);border-radius:var(--r);border:2px
solid transparent;position:relative;overflow:hidden}.svc-option.selected{border-color:var(--p);background:linear-gradient(to right, var(--pl), #fff)}.svc-option.selected::before{content:'';position:absolute;top:0;right:0;background:var(--p);width:30px;height:30px;transform:rotate(45deg) translate(15px, -15px);z-index:1}.svc-header{cursor:pointer;transition:var(--tr);border-radius:var(--r)}.svc-header:hover{background-color:var(--pl)}.svc-options{display:none;padding:1.5rem;border-top:1px solid rgba(0,0,0,.05);background:linear-gradient(to bottom, var(--pl), #fff)}.svc-options.show{display:block;animation:scaleUp .4s ease-out forwards}.icon-circle{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;margin-right:1rem;transition:var(--tr);box-shadow:0 4px 10px rgba(0,0,0,.1)}.option-card{border:1px
solid #e5e7eb;border-radius:var(--r);padding:1.25rem;margin-bottom:1rem;cursor:pointer;transition:var(--tr);background:#fff;position:relative;overflow:hidden}.option-card::after{content:'';position:absolute;width:100%;height:4px;bottom:0;left:0;background:linear-gradient(to right, var(--p), var(--s));transform:scaleX(0);transform-origin:bottom right;transition:transform .5s ease}.option-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05)}.option-card:hover::after{transform:scaleX(1);transform-origin:bottom left}.option-card.selected{border-color:var(--p);background:linear-gradient(135deg, var(--pl), #fff);box-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05)}.option-card.selected::after{transform:scaleX(1)}.available{position:absolute;top:0;right:0;background:linear-gradient(45deg, var(--g), #06b6d4);color:#fff;padding: .4rem .75rem;border-radius:0 var(--r) 0 var(--r);font-weight:600;font-size: .875rem;letter-spacing: .03em;z-index:10;box-shadow:0 4px 10px rgba(16,185,129,.3)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size: .875rem;font-weight:500;color:var(--t);margin-bottom: .5rem}.form-input{width:100%;padding: .75rem 1rem;border:1px
solid #d1d5db;border-radius:8px;transition:var(--tr);font-size:1rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.form-input:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.3);border-color:var(--p)}.form-input.error{border-color:var(--d);box-shadow:0 0 0 1px var(--d)}.error-message{color:var(--d);font-size: .75rem;margin-top: .25rem;display:none}.readonly-field{background-color:var(--pl);border-left:3px solid var(--p)}.btn{display:inline-flex;align-items:center;justify-content:center;padding: .75rem 1.75rem;border-radius:8px;font-weight:600;transition:var(--tr);cursor:pointer;letter-spacing: .03em;position:relative;overflow:hidden;border:none}.btn::after{content:'';position:absolute;width:100%;height:100%;top:0;left:-100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);transition:all .6s}.btn:hover::after{left:100%}.btn-primary{background:linear-gradient(135deg, var(--p), var(--s));color:#fff;box-shadow:0 4px 15px rgba(37,99,235,.4)}.btn-primary:hover{background:linear-gradient(135deg, var(--pd), var(--s));transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.5)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity: .7;cursor:not-allowed;transform:none;box-shadow:none}.disclaimer{background-color:#f8fafc;border-left:3px solid var(--w);padding:1rem;font-size: .875rem;color:#475569;border-radius: .375rem;margin-top:1rem}.summary-item{display:flex;justify-content:space-between;padding: .75rem 0;transition:all .2s ease}.summary-item:hover{background-color:rgba(219,234,254,.3);border-radius: .5rem;padding-left: .5rem;padding-right: .5rem}.summary-service{font-weight:500;color:var(--t);display:flex;align-items:center}.summary-service
i{margin-right: .5rem;color:var(--p)}.summary-price{text-align:right}.summary-price
.monthly{color:var(--p);font-weight:600}.summary-price .one-time{color:var(--tl);font-size: .875rem}.pricing-box{background:linear-gradient(to right, var(--pl), white);border-radius:var(--r);padding:1rem;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:var(--tr);border:1px
solid rgba(219,234,254,.5)}.pricing-box:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.1)}#one-time-total,#monthly-total{font-size:1.25rem}.spinner{display:inline-block;width:20px;height:20px;border:2px
solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.progress-container{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:1.5rem;margin-bottom:2rem;position:sticky;top:1rem;z-index:100;border:1px
solid rgba(219,234,254,.3)}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.progress-title{font-size:1.1rem;font-weight:600;color:var(--t);display:flex;align-items:center}.progress-title
i{margin-right: .5rem;color:var(--p)}.progress-percentage{font-size:1.1rem;font-weight:600;color:var(--p)}.progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(to right, var(--p), var(--s));border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);width:0%;position:relative}.progress-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right, rgba(255,255,255,.3), rgba(255,255,255,.1), rgba(255,255,255,.3));animation:shimmer 2s ease-in-out infinite}.progress-steps{display:flex;justify-content:space-between;margin-top:1rem;font-size: .875rem}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress-step-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af;margin-bottom: .25rem;transition:var(--tr);font-size: .875rem}.progress-step.completed .progress-step-icon{background:var(--p);color:#fff}.progress-step.active .progress-step-icon{background:var(--w);color:#fff;animation:pulse 2s infinite}.progress-step-label{color:var(--tl);text-align:center;font-weight:500;transition:var(--tr)}.progress-step.completed .progress-step-label{color:var(--p);font-weight:600}.progress-step.active .progress-step-label{color:var(--w);font-weight:600}.service-error{background:linear-gradient(135deg, #fef2f2, #ffffff) !important;border:2px
solid #fca5a5 !important;border-radius:12px;position:relative;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);animation:serviceErrorPulse 2s ease-in-out infinite}.service-error::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, #ef4444, #f87171, #ef4444);border-radius:14px;z-index:-1;opacity:0.1;animation:serviceErrorGlow 3s ease-in-out infinite}.service-error .svc-header{background:rgba(254, 242, 242, 0.5) !important;border-radius:10px}.service-error .icon-circle{background:#fca5a5 !important;color:#ef4444 !important;box-shadow:0 0 0 4px rgba(239, 68, 68, 0.1);animation:serviceErrorIconBounce 2s ease-in-out infinite}.service-error-indicator{display:flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg, #fee2e2, #fef2f2);color:#dc2626;padding:0.75rem 1rem;border-radius:8px;margin:0.75rem 1rem;border:1px
solid #fca5a5;font-size:0.875rem;font-weight:500;animation:serviceErrorSlideIn 0.4s ease-out;position:relative;overflow:hidden}.service-error-indicator::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(239, 68, 68, 0.1), transparent);animation:serviceErrorShimmer 2s ease-in-out infinite}.service-error-indicator
i{font-size:1.125rem;color:#ef4444;animation:serviceErrorIconPulse 1.5s ease-in-out infinite}.service-error-indicator .error-text{flex:1;line-height:1.4}.service-options-error{background:linear-gradient(to bottom, rgba(254, 242, 242, 0.3), rgba(255, 255, 255, 0.8)) !important;border:1px
solid rgba(252, 165, 165, 0.3);border-radius:0 0 12px 12px;position:relative}.service-options-error::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #ef4444, #f87171, #ef4444);opacity:0.6;animation:serviceErrorProgressPulse 2s ease-in-out infinite}.service-error .option-card{border-color:rgba(252, 165, 165, 0.4);background:linear-gradient(135deg, rgba(254, 242, 242, 0.3), rgba(255, 255, 255, 0.9))}.service-error .option-card:hover{border-color:#f87171;transform:translateY(-3px);box-shadow:0 8px 25px rgba(239, 68, 68, 0.15)}@keyframes
serviceErrorPulse{0%,100%{box-shadow:0 0 0 0 rgba(239, 68, 68, 0.1)}50%{box-shadow:0 0 0 8px rgba(239, 68, 68, 0.05)}}@keyframes
serviceErrorGlow{0%,100%{opacity:0.1}50%{opacity:0.2}}@keyframes
serviceErrorIconBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes
serviceErrorSlideIn{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes
serviceErrorShimmer{0%{left:-100%}100%{left:100%}}@keyframes
serviceErrorIconPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}}@keyframes
serviceErrorProgressPulse{0%,100%{opacity:0.6}50%{opacity:0.9}}.service-error-clearing{animation:serviceErrorClearOut 0.5s ease-out forwards}@keyframes
serviceErrorClearOut{0%{background:linear-gradient(135deg, #fef2f2, #ffffff);border-color:#fca5a5;transform:scale(1)}100%{background:#fff;border-color:transparent;transform:scale(1.02)}}.service-success{background:linear-gradient(135deg, #f0fdf4, #ffffff) !important;border:2px
solid #86efac !important;animation:serviceSuccessPulse 0.6s ease-out}@keyframes
serviceSuccessPulse{0%{background:linear-gradient(135deg, #f0fdf4, #ffffff);transform:scale(1)}50%{background:linear-gradient(135deg, #dcfce7, #ffffff);transform:scale(1.01)}100%{background:#fff;transform:scale(1)}}.service-error:hover{border-color:#f87171 !important;box-shadow:0 10px 25px rgba(239, 68, 68, 0.15),
0 4px 10px rgba(239, 68, 68, 0.1) !important;transform:translateY(-2px)}.service-error:focus,.service-error:focus-within{outline:2px
solid #f87171;outline-offset:2px}@media (max-width: 768px){.service-error-indicator{margin:0.5rem 0.75rem;padding:0.5rem 0.75rem;font-size:0.8rem}.service-error-indicator
i{font-size:1rem}.service-error{margin-bottom:1rem}}@media (prefers-color-scheme: dark){.service-error{background:linear-gradient(135deg, #451a1a, #1f2937) !important;border-color:#dc2626 !important}.service-error-indicator{background:linear-gradient(135deg, #451a1a, #374151);color:#fca5a5;border-color:#dc2626}}@media (prefers-contrast: high){.service-error{border:3px
solid #dc2626 !important;background:#fff !important}.service-error-indicator{background:#fef2f2 !important;color:#991b1b !important;border:2px
solid #dc2626 !important}}@media (prefers-reduced-motion: reduce){.service-error,
.service-error::before,
.service-error .icon-circle,
.service-error-indicator,
.service-error-indicator i,.service-options-error::before{animation:none !important}.service-error{transition:none}}.toast-container{position:fixed;top:6rem;right:1rem;z-index:9999;max-width:400px;width:100%;pointer-events:none}.toast{background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.15), 0 4px 10px rgba(0,0,0,.1);margin-bottom:1rem;overflow:hidden;transform:translateX(100%);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;border-left:4px solid #ccc;max-width:100%}.toast.show{transform:translateX(0);opacity:1;animation:slideInRight .5s ease-out forwards}.toast.hide{animation:slideOutRight .3s ease-in forwards}.toast.shake{animation:toastShake .5s ease-in-out}.toast-success{border-left-color:#10b981;background:linear-gradient(135deg, #f0fdf4, #fff)}.toast-error{border-left-color:#ef4444;background:linear-gradient(135deg, #fef2f2, #fff)}.toast-warning{border-left-color:#f59e0b;background:linear-gradient(135deg, #fffbeb, #fff)}.toast-info{border-left-color:#3b82f6;background:linear-gradient(135deg, #eff6ff, #fff)}.toast-header{display:flex;align-items:center;padding:1rem 1rem .5rem;gap: .75rem}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;color:#111827;font-size: .95rem;margin:0;line-height:1.2}.toast-message{color:#6b7280;font-size: .875rem;margin: .25rem 0 0;line-height:1.4;word-wrap:break-word}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding: .25rem;border-radius:6px;transition:all .2s ease;flex-shrink:0;font-size:1.25rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:#f3f4f6;color:#6b7280;transform:scale(1.1)}.toast-progress{height:3px;background:rgba(0,0,0,.1);position:relative}.toast-progress-bar{height:100%;background:currentColor;transition:width linear;border-radius:0 0 8px 8px}.toast-success .toast-progress-bar{background:#10b981}.toast-error .toast-progress-bar{background:#ef4444}.toast-warning .toast-progress-bar{background:#f59e0b}.toast-info .toast-progress-bar{background:#3b82f6}@media (max-width: 640px){.toast-container{top:5rem;right: .5rem;left: .5rem;max-width:none}.toast{margin-bottom: .75rem}.toast-header{padding: .875rem .875rem .375rem}.toast-title{font-size: .9rem}.toast-message{font-size: .8rem}.progress-container{position:relative;top:auto}.progress-steps{flex-wrap:wrap;gap: .5rem}.progress-step{flex:0 0 calc(50% - .25rem);margin-bottom: .5rem}}@media (max-width: 768px){.icon-circle{width:3rem;height:3rem;margin-right: .75rem}.svc-header
h3{font-size:1.1rem}.option-card{padding:1rem}}