.stepPage{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100dvh;padding:12px 16px;display:flex}.stepPage+.uf-footer{margin-top:0}.stepLayout{background:var(--card);border:1px solid var(--border-default);width:min(92vw,1800px);box-shadow:var(--panel-shadow);border-radius:24px;flex:1;grid-template-columns:300px 1fr;align-items:start;gap:28px;padding:24px;display:grid}.stepSidebar{border-right:1px solid var(--border-subtle);flex-direction:column;gap:20px;padding-right:28px;display:flex;position:sticky;top:20px}.stepSidebar>*{opacity:0;animation:.4s ease-out forwards sidebarChildEnter}.stepSidebar>:first-child{animation-delay:50ms}.stepSidebar>:nth-child(2){animation-delay:.12s}.stepSidebar>:nth-child(3){animation-delay:.19s}.stepSidebar>:nth-child(4){animation-delay:.26s}@keyframes sidebarChildEnter{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.flowBrand{object-fit:contain;width:100%;height:auto;display:block}.sidebarCard{background:var(--card);border:1px solid var(--border-default);border-radius:16px;padding:18px 18px 16px}.sidebarCardHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sidebarCardLabel{color:var(--muted);font-size:13px;font-weight:500}.sidebarStepBadge{color:var(--brand-orange);background:rgba(var(--brand-orange-rgb), .1);border:1px solid rgba(var(--brand-orange-rgb), .25);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.sidebarProgressBar{background:var(--progress-track);border-radius:999px;height:6px;margin-top:14px;overflow:hidden}.sidebarProgressFill{background:linear-gradient(90deg, var(--brand-orange), var(--brand-amber));border-radius:999px;height:100%;transition:width .4s}.sidebarProgressBar.is-step-1 .sidebarProgressFill{width:25%}.sidebarProgressBar.is-step-2 .sidebarProgressFill{width:50%}.sidebarProgressBar.is-step-3 .sidebarProgressFill{width:75%}.sidebarProgressBar.is-step-4 .sidebarProgressFill{width:100%}.stepTitle{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800;line-height:1.15}.stepTitleAccent{background:linear-gradient(120deg, var(--brand-orange) 0%, var(--brand-amber) 100%);color:#0000;background-clip:text}.stepSubtitle{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.4}.stepNotice{background:var(--notice-bg);border:1px solid var(--notice-border);color:var(--notice-text);border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.35}.sidebarAvance{padding:16px 18px}.sidebarAvanceTitle{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:700}.flowSteps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.flowSteps:before{content:"";background:var(--progress-track);width:2px;position:absolute;top:12px;bottom:12px;left:9px}.flowStep{z-index:1;flex-direction:row;align-items:flex-start;gap:12px;padding:6px 0;display:flex;position:relative}.flowDot{border:2px solid var(--progress-track);background:var(--card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.flowStep.is-active .flowDot{background:var(--brand-orange);border-color:var(--brand-orange);box-shadow:0 0 0 4px rgba(var(--brand-orange-rgb), .15)}.flowStep.is-completed .flowDot{background:var(--brand-orange);border-color:var(--brand-orange)}.flowStep.is-completed .flowDot:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2.5-2.5a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:10px;height:10px;display:block}.flowStepInfo{flex-direction:column;gap:1px;padding-top:1px;display:flex}.flowStepName{color:var(--text);font-size:14px;font-weight:700;line-height:1.2}.flowStep.is-active .flowStepName{color:var(--text)}.flowStep:not(.is-active):not(.is-completed) .flowStepName{color:var(--muted-soft)}.flowStepStatus{color:var(--muted);font-size:12px;font-weight:500;line-height:1.2}.flowStep.is-active .flowStepStatus{color:var(--brand-orange);font-weight:600}.flowStep.is-completed .flowStepStatus{color:var(--muted)}.stepBackLink{color:var(--muted);border-radius:8px;align-items:center;gap:4px;margin-top:auto;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.stepBackLink:hover{color:var(--text);background:var(--surface-muted)}.stepBackLink svg{flex-shrink:0}.stepMain{opacity:0;flex-direction:column;animation:.5s ease-out .15s forwards mainEnter;display:flex}.stepMainActions{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:flex}.stepConfirmBtn{background:var(--btn-bg);width:min(420px,100%);height:56px;color:var(--btn-text);box-shadow:var(--shadow-soft);letter-spacing:.5px;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;font-size:16px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.stepConfirmBtn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed}.stepConfirmBtn:not(:disabled):hover{box-shadow:var(--shadow);transform:scale(1.04)}@keyframes mainEnter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.interactiveMap{width:100%}.mapCanvas{background:var(--surface-alt);border-radius:16px;position:relative;overflow:hidden}.mapBaseImage{width:100%;height:auto;display:block}.mapOverlay{width:100%;height:100%;position:absolute;inset:0}.mapArea{fill:#ffffff26;stroke:#fff9;stroke-width:2px;pointer-events:all;cursor:pointer;transition:fill .18s,stroke .18s,stroke-width .18s;animation:2.4s ease-in-out infinite mapAreaShimmer}.mapArea:hover,.mapArea:focus-visible{fill:#ffffffb8;stroke:#fff;stroke-width:3px;outline:none;animation:none}.mapArea.is-selected{fill:#ffffffd9;stroke:#fff;stroke-width:3px;animation:none}@keyframes mapAreaShimmer{0%,to{fill:#ffffff1a;stroke:#ffffff73}50%{fill:#ffffff59;stroke:#fffffff2}}.milestoneToast{--milestone-toast-transform:translate(-50%, -50%);transform:var(--milestone-toast-transform);background:linear-gradient(180deg, rgba(var(--brand-amber-rgb), .18) 0%, rgba(var(--brand-orange-soft-rgb), .12) 100%);color:var(--brand-charcoal);border:2px solid var(--brand-orange-soft);font-family:"DM Sans", var(--font-main);letter-spacing:.2px;text-align:center;opacity:0;pointer-events:none;z-index:70;max-width:min(90vw,740px);box-shadow:0 10px 24px rgba(var(--brand-charcoal-rgb), .22);border-radius:18px;padding:14px 22px;font-size:36px;font-weight:600;line-height:1.2;position:fixed;top:50%;left:50%}.milestoneToast.is-visible{animation:2.2s forwards milestoneToastInOut}@keyframes milestoneToastInOut{0%{opacity:0;transform:var(--milestone-toast-transform) scale(.96)}18%{opacity:1;transform:var(--milestone-toast-transform) scale(1)}85%{opacity:1;transform:var(--milestone-toast-transform) scale(1)}to{opacity:0;transform:var(--milestone-toast-transform) scale(.98)}}.confettiLayer{pointer-events:none;z-index:65;position:fixed;inset:0;overflow:hidden}.confettiPiece{opacity:.95;border-radius:2px;width:8px;height:12px;animation:1.25s ease-in forwards confettiFall;position:absolute;top:-16px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translate(var(--drift,0px), 84vh) rotate(520deg);opacity:0}}@media (width<=1024px){.stepPage{min-height:100dvh;padding:14px 10px}.stepPage+.uf-footer{margin-top:0}.stepLayout{border-radius:18px;grid-template-columns:1fr;gap:16px;width:100%;padding:18px 14px}.stepSidebar{border-right:none;border-bottom:1px solid var(--border-subtle);gap:12px;padding-bottom:16px;padding-right:0;position:static}.stepSidebar>*{animation-name:sidebarChildEnterMobile}@keyframes sidebarChildEnterMobile{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flowBrand{width:auto;height:96px;margin:0 auto}.sidebarCard{border-radius:14px;padding:14px 14px 12px}.sidebarAvance{display:none}.stepTitle{font-size:clamp(20px,5vw,28px)}.stepSubtitle{font-size:13px}.mapCanvas{border-radius:12px}.milestoneToast{top:auto;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));--milestone-toast-transform:translateX(-50%);transform:var(--milestone-toast-transform);border-radius:14px;width:min(92vw,520px);max-width:min(92vw,520px);padding:10px 14px;font-size:clamp(20px,5.8vw,28px);line-height:1.15}}@media (width<=520px){.stepLayout{gap:12px;padding:14px 10px}.flowBrand{height:96px}.sidebarCard{padding:12px 12px 10px}.stepTitle{font-size:20px}.milestoneToast{width:min(92vw,360px);max-width:min(92vw,360px);padding:9px 12px;font-size:clamp(18px,6.2vw,24px);line-height:1.14}}@media (prefers-reduced-motion:reduce){.stepSidebar>*,.stepMain{opacity:1;animation:none;transform:none}.mapArea{fill:#fff3;stroke:#fff9;animation:none}.milestoneToast.is-visible{opacity:1;animation:none}}