.shell{z-index:1;max-width:1040px;position:relative}.step2-inner{max-width:420px}.stepper{gap:.75rem}.stepper-item{opacity:.55;transition:opacity var(--transition-base);flex-direction:column;align-items:center;gap:.375rem;display:flex}.stepper-item.active,.stepper-item.completed{opacity:1}.stepper-circle{border:1.5px solid var(--border-color);background-color:var(--surface-color);width:32px;height:32px;color:var(--text-muted-color);transition:border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.stepper-item.active .stepper-circle{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--surface-color)}.stepper-item.completed .stepper-circle{border-color:var(--primary-color);color:var(--primary-color)}.stepper-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted-color);font-size:.75rem}.stepper-item.active .stepper-label{color:var(--text-color)}.stepper-line{background-color:var(--border-color);border-radius:4px;width:64px;height:6px;overflow:hidden}.stepper-line-fill{background-color:var(--primary-color);width:0;height:100%;transition:width var(--transition-base);border-radius:4px;display:block}.stepper-item.completed+.stepper-line .stepper-line-fill{width:100%}.plan-card{cursor:pointer;border:1.5px solid var(--border-color);border-radius:var(--radius-base);background-color:var(--surface-color);transition:border-color var(--transition-base), box-shadow var(--transition-base);padding:1.75rem 1.5rem;display:block;position:relative}.plan-card:hover{border-color:var(--primary-color);box-shadow:0 10px 20px var(--shadow-color);transform:translateY(-5px)}.plan-card:has(.plan-radio:checked){border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.theme-preset-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.theme-preset-card{cursor:pointer;border:1.5px solid var(--border-color);border-radius:var(--radius-base);background-color:var(--surface-color);transition:border-color var(--transition-base), box-shadow var(--transition-base);align-items:center;gap:.65rem;padding:.75rem 1rem;display:flex}.theme-preset-card:hover{border-color:var(--primary-color)}.theme-preset-card.is-selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.theme-preset-swatches{flex-shrink:0;display:flex}.theme-preset-swatch{border:1px solid var(--shadow-color);border-radius:50%;width:16px;height:16px;margin-left:-6px}.theme-preset-swatch:first-child{margin-left:0}.theme-preset-name{color:var(--text-color);font-size:.85rem}.plan-badge{background-color:var(--primary-color);color:var(--surface-color);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.3rem .85rem;font-size:.6875rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{font-family:var(--font-family-display);color:var(--text-color);margin-bottom:.5rem;font-size:1.375rem;font-weight:600}.plan-price-value{font-family:var(--font-family-display);color:var(--text-color);font-size:1.875rem;font-weight:600}.plan-price-period{color:var(--text-muted-color);font-size:.875rem}.plan-price-annual{color:var(--text-muted-color);margin-bottom:.75rem;font-size:.75rem}.plan-overview{color:var(--text-color);min-height:2.5em;margin-bottom:0;font-size:.875rem}.plan-divider{border:0;border-top:1px solid var(--border-color);opacity:1;margin:1rem 0}.plan-features{padding-right:.25rem}.plan-features li{color:var(--text-color);border-bottom:1px solid var(--border-color);align-items:flex-start;gap:.5rem;padding:.375rem 0;font-size:.8125rem;line-height:1.35;display:flex}.plan-features li:last-child{border-bottom:0}.feature-icon{flex:0 0 14px;width:14px;height:14px;margin-top:2px;position:relative}.is-included .feature-icon{color:var(--success-color)}.is-excluded .feature-icon,.is-excluded{color:var(--text-muted-color)}.feature-icon:before{content:"";background-color:currentColor;position:absolute;inset:0}.is-included .feature-icon:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") 50%/contain no-repeat}.is-excluded .feature-icon:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") 50%/contain no-repeat}.plan-select-btn{text-align:center;border:1.5px solid var(--border-color);letter-spacing:.03em;text-transform:uppercase;color:var(--text-color);transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);border-radius:30px;padding:.6rem 0;font-size:.8125rem;font-weight:600;display:block}.plan-card:has(.plan-radio:checked) .plan-select-btn{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--surface-color)}.plan-error{color:var(--danger-color);font-size:.8125rem}.photo-upload{border:1.5px dashed var(--border-color);background-color:var(--background-color);width:96px;height:96px;transition:border-color var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-upload:hover{border-color:var(--primary-color)}.photo-placeholder{color:var(--text-muted-color);display:flex}.photo-preview{object-fit:cover;width:100%;height:100%}.photo-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-btn{color:var(--primary-color);font-size:.8125rem;font-weight:600;text-decoration:none}.photo-btn:hover{color:var(--primary-color-dark)}@media (prefers-reduced-motion:reduce){.plan-card,.photo-upload{transition:none}}
