.onboarding-card{border:3px solid var(--color-ds-fill-primary);background:#fff;border-radius:32px;width:100%;max-width:480px;margin:0 auto;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #3a39ff40}.onboarding-card-embedded{background:#fff;width:100%;max-width:480px;margin:0 auto;padding:0;position:relative;overflow:hidden}.onboarding-topbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.onboarding-back-button{cursor:pointer;color:var(--color-ds-text);background:0 0;border:none;border-radius:90px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.onboarding-back-button:hover{background:var(--color-ds-fill-subtle)}.onboarding-progress-bar{border-radius:8px;flex:1;gap:3px;display:flex;overflow:hidden}.onboarding-progress-segment{flex:1;min-width:0;height:2px}.onboarding-progress-filled{background:var(--color-ds-fill-inverse)}.onboarding-progress-empty{background:var(--color-ds-border-subtle)}.step-transition{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.step-transition-enter{opacity:0;transform:translateY(12px)}.step-transition-active{opacity:1;transform:translateY(0)}.onboarding-mascot{flex-shrink:0;width:36px;height:36px}.onboarding-mascot img{width:100%;height:100%;display:block}.onboarding-question{color:var(--color-ds-text);margin-bottom:24px;font-size:22px;font-weight:700;line-height:1.35}.onboarding-question-sub{color:var(--color-ds-text-light);margin-top:6px;margin-bottom:0;font-size:15px;font-weight:500;line-height:1.4}.onboarding-input{border:1px solid var(--color-ds-border-subtle);width:100%;height:48px;color:var(--color-ds-text);background:#fff;border-radius:12px;outline:none;padding:0 16px;font-family:Figtree,sans-serif;font-size:16px;font-weight:500;transition:border-color .2s}.onboarding-input:focus{border-color:var(--color-ds-border-primary)}.onboarding-input-error,.onboarding-input-error:focus{border-color:#f8551e}.onboarding-field-error{color:#cc3400;margin-top:6px;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;line-height:19px}.onboarding-input::placeholder{color:#2223254d}.onboarding-input-tinted{border:1px solid var(--color-ds-border-subtle);background:#fff}.onboarding-input-tinted:focus{border-color:var(--color-ds-border-primary);box-shadow:0 0 0 2px #3a39ff26}.onboarding-textarea{border:1px solid var(--color-ds-border-subtle);width:100%;min-height:96px;color:var(--color-ds-text);resize:vertical;background:#fff;border-radius:12px;outline:none;padding:12px 16px;font-family:Figtree,sans-serif;font-size:16px;font-weight:500;line-height:1.5;transition:border-color .2s}.onboarding-textarea:focus{border-color:var(--color-ds-border-primary)}.onboarding-textarea::placeholder{color:var(--color-ds-text-light)}.onboarding-select{border:1px solid var(--color-ds-border-subtle);width:100%;height:48px;color:var(--color-ds-text);cursor:pointer;appearance:none;box-shadow:var(--shadow-soft);background:#fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23777E88' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center no-repeat;border-radius:12px;outline:none;padding:0 16px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:border-color .2s}.onboarding-select:focus{border-color:var(--color-ds-border-primary)}.onboarding-select option{font-weight:500}.onboarding-select optgroup{color:var(--color-ds-text);font-weight:700}.onboarding-button{background:var(--color-ds-fill-primary);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-family:Figtree,sans-serif;font-size:16px;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.onboarding-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.onboarding-button:disabled{opacity:.55;cursor:not-allowed}.onboarding-button-secondary{width:100%;height:48px;color:var(--color-ds-text-light);border:1px solid var(--color-ds-border-subtle);cursor:pointer;background:0 0;border-radius:16px;justify-content:center;align-items:center;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:background-color .2s,border-color .2s;display:flex}.onboarding-button-secondary:hover{background:#f5f5f5;border-color:#d0d5dd}.onboarding-button-google{background:var(--color-ds-fill-inverse);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s;display:flex}.onboarding-button-google:hover{opacity:.9}.onboarding-button-apple{color:#fff;cursor:pointer;background:#000;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s;display:flex}.onboarding-button-apple:hover{opacity:.9}.onboarding-divider{align-items:center;gap:16px;margin:20px 0;display:flex}.onboarding-divider-line{background:var(--color-ds-border-subtle);flex:1;height:1px}.onboarding-divider-text{color:var(--color-ds-text-light);font-size:14px;font-weight:500}.plan-chips-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.plan-chip{color:var(--color-ds-text);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:#f5f5f5;border:2px solid #0000;border-radius:14px;justify-content:flex-start;align-items:center;gap:8px;padding:10px 14px;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;line-height:1.3;transition:all .15s;display:flex}.plan-chip:hover{background:#eee}.plan-chip-selected{background:var(--color-ds-fill-inverse);color:#fff;border-color:var(--color-ds-fill-inverse)}.plan-chip-selected:hover{background:#333538}.plan-chip-emoji{flex-shrink:0;font-size:18px}.onboarding-map-container{border-radius:16px;width:100%;height:280px;margin-bottom:16px;position:relative;overflow:hidden}.onboarding-map-container .mapboxgl-map{width:100%;height:100%}.onboarding-map-container .mapboxgl-ctrl-logo,.onboarding-map-container .mapboxgl-ctrl-attrib{display:none!important}.onboarding-map-label{color:var(--color-ds-text-light);text-align:center;margin-bottom:16px;font-size:14px;font-weight:500}.onboarding-button-group{flex-direction:column;gap:10px;margin-top:24px;display:flex}.onboarding-check-email-icon{background:var(--color-ds-fill-info-subtle);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:32px;display:flex}.onboarding-check-email-text{color:var(--color-ds-text-light);text-align:center;font-size:16px;font-weight:500;line-height:1.5}.confetti-container{text-align:center;padding:32px 0;position:relative;overflow:hidden}.celebration-banner{background:var(--color-ds-fill-success);color:#fff;border-radius:16px;padding:32px 24px;position:relative;overflow:hidden}.celebration-title{z-index:1;margin-bottom:8px;font-size:28px;font-weight:800;position:relative}.celebration-subtitle{opacity:.9;z-index:1;font-size:16px;font-weight:500;position:relative}.confetti-piece{z-index:0;border-radius:2px;width:10px;height:10px;animation:1.8s ease-in-out forwards confetti-fall;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)scale(1)}to{opacity:0;transform:translateY(200px)rotate(720deg)scale(.5)}}.onboarding-error{color:#ef4444;margin-top:8px;font-size:14px;font-weight:500}.onboarding-info{background:var(--color-ds-fill-info-subtle);color:var(--color-ds-text-primary);border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.4}.city-request-card{box-shadow:var(--shadow-soft);text-align:center;background:#fff;border-radius:32px;width:100%;max-width:520px;margin:0 auto;padding:40px 32px}.city-request-title{color:var(--color-ds-text);margin-bottom:8px;font-size:22px;font-weight:700}.city-request-subtitle{color:var(--color-ds-text-light);margin-bottom:24px;font-size:15px;font-weight:500;line-height:1.4}.city-request-form{flex-direction:column;gap:12px;display:flex}.city-request-success{color:var(--color-ds-fill-success);padding:16px 0;font-size:16px;font-weight:600}@media (max-width:540px){.onboarding-card{border-radius:24px;padding:28px 20px}.onboarding-question{font-size:19px}.plan-chips-grid{grid-template-columns:1fr}.plan-chip{padding:12px 14px;font-size:15px}.onboarding-map-container{height:220px}.city-request-card{border-radius:24px;padding:28px 20px}}