.onboarding-card{background:#ffffff;border-radius:32px;padding:40px 32px;border:3px solid #3a39ff;box-shadow:0 8px 32px rgba(58,57,255,.25);max-width:480px;width:100%;margin:0 auto;position:relative;overflow:hidden}.onboarding-topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.onboarding-back-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#222325;flex-shrink:0;width:36px;height:36px;border-radius:90px}.onboarding-back-button:hover{background:#f4f6f8}.onboarding-progress-bar{display:flex;gap:3px;width:180px;overflow:hidden;border-radius:8px}.onboarding-progress-segment{flex:1;height:2px;min-width:0}.onboarding-progress-filled{background:#222325}.onboarding-progress-empty{background:#E7EAEE}.step-transition{transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0)}.step-transition-enter{opacity:0;transform:translateY(12px)}.step-transition-active{opacity:1;transform:translateY(0)}.onboarding-mascot{width:36px;height:36px;flex-shrink:0}.onboarding-mascot img{width:100%;height:100%;display:block}.onboarding-question{font-size:22px;font-weight:700;color:#222325;line-height:1.35;margin-bottom:24px}.onboarding-question-sub{font-size:15px;font-weight:500;color:#777e88;line-height:1.4;margin-top:6px;margin-bottom:0}.onboarding-input{width:100%;height:48px;padding:0 16px;border:1px solid #e7eaee;border-radius:12px;font-size:16px;font-weight:500;font-family:Figtree,sans-serif;color:#222325;background:#ffffff;outline:none;transition:border-color .2s ease}.onboarding-input:focus{border-color:#3a39ff}.onboarding-input::placeholder{color:rgba(34,35,37,.3)}.onboarding-input-tinted{background:#ffffff;border:1px solid #e7eaee}.onboarding-input-tinted:focus{border-color:#3a39ff;box-shadow:0 0 0 2px rgba(58,57,255,.15)}.onboarding-textarea{width:100%;min-height:96px;padding:12px 16px;border:1px solid #e7eaee;border-radius:12px;font-size:16px;font-weight:500;font-family:Figtree,sans-serif;color:#222325;background:#ffffff;outline:none;resize:vertical;transition:border-color .2s ease;line-height:1.5}.onboarding-textarea:focus{border-color:#3a39ff}.onboarding-textarea::placeholder{color:#777e88}.onboarding-select{width:100%;height:48px;padding:0 16px;border:1px solid #e7eaee;border-radius:12px;font-size:16px;font-weight:600;font-family:Figtree,sans-serif;color:#222325;background:#ffffff;outline:none;cursor:pointer;appearance:none;box-shadow:0 4px 20px rgba(0,0,0,.08);background-image: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");background-repeat:no-repeat;background-position:right 16px center;transition:border-color .2s ease}.onboarding-select:focus{border-color:#3a39ff}.onboarding-select option{font-weight:500}.onboarding-select optgroup{font-weight:700;color:#222325}.onboarding-button{width:100%;height:48px;background:#3a39ff;color:#ffffff;border:none;border-radius:16px;font-size:16px;font-weight:700;font-family:Figtree,sans-serif;cursor:pointer;transition:opacity .2s ease,transform .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.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;background:transparent;color:#777e88;border:1px solid #e7eaee;border-radius:16px;font-size:16px;font-weight:600;font-family:Figtree,sans-serif;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center}.onboarding-button-secondary:hover{background:#f5f5f5;border-color:#d0d5dd}.onboarding-button-google{width:100%;height:48px;background:#222325;color:#ffffff;border:none;border-radius:16px;font-size:16px;font-weight:600;font-family:Figtree,sans-serif;cursor:pointer;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.onboarding-button-google:hover{opacity:.9}.onboarding-button-apple{width:100%;height:48px;background:#000000;color:#ffffff;border:none;border-radius:16px;font-size:16px;font-weight:600;font-family:Figtree,sans-serif;cursor:pointer;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.onboarding-button-apple:hover{opacity:.9}.onboarding-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.onboarding-divider-line{flex:1;height:1px;background:#e7eaee}.onboarding-divider-text{font-size:14px;font-weight:500;color:#777e88}.plan-chips-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.plan-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f5f5f5;border:2px solid transparent;border-radius:14px;font-size:14px;font-weight:600;font-family:Figtree,sans-serif;color:#222325;cursor:pointer;transition:all .15s ease;user-select:none;line-height:1.3;text-align:left;justify-content:flex-start}.plan-chip:hover{background:#eeeeee}.plan-chip-selected{background:#222325;color:#ffffff;border-color:#222325}.plan-chip-selected:hover{background:#333538}.plan-chip-emoji{font-size:18px;flex-shrink:0}.onboarding-map-container{width:100%;height:280px;border-radius:16px;overflow:hidden;margin-bottom:16px;position:relative}.onboarding-map-container .mapboxgl-map{width:100%;height:100%}.onboarding-map-container .mapboxgl-ctrl-attrib,.onboarding-map-container .mapboxgl-ctrl-logo{display:none!important}.onboarding-map-label{font-size:14px;font-weight:500;color:#777e88;text-align:center;margin-bottom:16px}.onboarding-button-group{display:flex;flex-direction:column;gap:10px;margin-top:24px}.onboarding-check-email-icon{width:64px;height:64px;background:#ebebff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px}.onboarding-check-email-text{font-size:16px;font-weight:500;color:#777e88;text-align:center;line-height:1.5}.confetti-container{position:relative;overflow:hidden;text-align:center;padding:32px 0}.celebration-banner{background:#10b981;border-radius:16px;padding:32px 24px;color:#ffffff;position:relative;overflow:hidden}.celebration-title{font-size:28px;font-weight:800;margin-bottom:8px;position:relative;z-index:1}.celebration-subtitle{font-size:16px;font-weight:500;opacity:.9;position:relative;z-index:1}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;animation:confetti-fall 1.8s ease-in-out forwards;z-index:0}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(200px) rotate(2turn) scale(.5)}}.onboarding-error{font-size:14px;font-weight:500;color:#ef4444;margin-top:8px}.onboarding-info{background:#ebebff;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;color:#3a39ff;margin-bottom:16px;line-height:1.4}.city-request-card{background:#ffffff;border-radius:32px;padding:40px 32px;box-shadow:0 4px 20px rgba(0,0,0,.08);max-width:520px;width:100%;margin:0 auto;text-align:center}.city-request-title{font-size:22px;font-weight:700;color:#222325;margin-bottom:8px}.city-request-subtitle{font-size:15px;font-weight:500;color:#777e88;margin-bottom:24px;line-height:1.4}.city-request-form{display:flex;flex-direction:column;gap:12px}.city-request-success{font-size:16px;font-weight:600;color:#10b981;padding:16px 0}@media (max-width:540px){.onboarding-card{padding:28px 20px;border-radius:24px}.onboarding-question{font-size:19px}.plan-chips-grid{grid-template-columns:1fr}.plan-chip{font-size:15px;padding:12px 14px}.onboarding-map-container{height:220px}.city-request-card{padding:28px 20px;border-radius:24px}}