.onboarding-container{background:#f5f5f7;flex-direction:column;align-items:center;min-height:100vh;padding:0;display:flex;position:relative;overflow-x:hidden}.ambient-background{z-index:0;background:linear-gradient(135deg,#f5f5f7 0%,#e8e8ed 50%,#f5f5f7 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.orb-1{background:#9333ea;width:300px;height:300px;top:-50px;left:-50px}.orb-2{background:#3b82f6;width:400px;height:400px;animation-delay:-5s;bottom:-100px;right:-100px}.stars{opacity:.5;background-image:radial-gradient(1px 1px at 10% 10%,#fffc 1px,#0000 0),radial-gradient(1px 1px at 20% 40%,#fff9 1px,#0000 0),radial-gradient(2px 2px at 40% 60%,#fffc 1px,#0000 0),radial-gradient(1px 1px at 60% 30%,#fff9 1px,#0000 0),radial-gradient(1px 1px at 80% 80%,#fffc 1px,#0000 0);width:100%;height:100%;animation:4s ease-in-out infinite twinkle;position:absolute;top:0;left:0}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.progress-bar{z-index:100;background:#00000014;width:100%;height:4px;position:fixed;top:0;left:0}.progress-fill{background:linear-gradient(90deg,#007aff,#5856d6);border-radius:0 2px 2px 0;height:100%;transition:width .4s}.onboarding-logo{align-items:center;gap:8px;margin-top:40px;margin-bottom:20px;display:flex}.logo-icon{font-size:24px}.logo-text{color:#1d1d1f;letter-spacing:1px;font-size:20px;font-weight:600}.step-content{flex-direction:column;flex:1;width:100%;max-width:400px;padding:20px;display:flex}.onboarding-step{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-title{color:#1d1d1f;text-align:center;margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.3}.onboarding-subtitle{color:#86868b;text-align:center;margin-bottom:32px;font-size:14px}.selection-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.selection-card{-webkit-backdrop-filter:blur(20px)saturate(180%);cursor:pointer;background:#ffffffb8;border:1px solid #00000014;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:28px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000014}.selection-card:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.selection-card:hover:before{left:100%}.selection-card:hover{background:#ffffffe0;border-color:#0000001f;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #0000001f}.selection-card:active{transform:translateY(-2px)scale(.98)}.selection-card.selected{background:#007aff14;border:2px solid #007aff;box-shadow:0 8px 32px #007aff33}.selection-card.selected:after{content:"✓";color:#fff;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) popIn;display:flex;position:absolute;top:10px;right:10px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.selection-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.selection-card-wide{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffffd9;border:1px solid #00000014;border-radius:20px;align-items:center;gap:20px;padding:22px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.selection-card-wide:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.selection-card-wide:hover:before{left:100%}.selection-card-wide:hover{background:#fffffff2;border-color:#0000001f;transform:translateY(-3px);box-shadow:0 10px 30px #00000014}.selection-card-wide.selected{background:#007aff14;border:2px solid #007aff;box-shadow:0 8px 32px #007aff26}.selection-card-wide.selected:after{content:"✓";color:#fff;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) popIn;display:flex;position:absolute;right:20px}.card-emoji{filter:drop-shadow(0 4px 8px #0000004d);font-size:40px;transition:transform .3s}.selection-card:hover .card-emoji,.selection-card-wide:hover .card-emoji{transform:scale(1.15)}.card-label{color:#1d1d1f;letter-spacing:.3px;font-size:16px;font-weight:600}.value-prop{text-align:center}.value-prop-animation{margin-bottom:16px;font-size:64px;animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.value-prop-text{color:#1d1d1f;margin-bottom:32px;font-size:16px;line-height:1.5}.value-points{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.value-point{color:#1d1d1f;background:#ffffffb8;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 2px 8px #0000000a}.form-group{margin-bottom:20px}.form-label{color:#1d1d1f;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{color:#1d1d1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #0000001f;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:all .3s}.form-input::placeholder{color:#86868b}.form-input:focus{background:#ffffffe0;border-color:#007aff;box-shadow:0 0 0 3px #007aff26}.form-input[type=date],.form-input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.continue-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:12px;width:100%;margin-top:auto;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s}.continue-button:hover{background:linear-gradient(135deg,#0a84ff,#5e5ce6);transform:translateY(-2px);box-shadow:0 4px 20px #007aff4d}.continue-button.disabled{opacity:.5;cursor:not-allowed}.continue-button.disabled:hover{box-shadow:none;transform:none}.continue-button.confirm{background:linear-gradient(135deg,#10b981,#059669)}.continue-button.confirm:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 20px #10b98166}.confirmation-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #00000014;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px #0000000f}.confirmation-row{border-bottom:1px solid #00000014;align-items:center;gap:12px;padding:12px 0;display:flex}.confirmation-icon{font-size:20px}.confirmation-value{color:#1d1d1f;font-size:16px;font-weight:500}.edit-button{color:#86868b;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-size:14px;transition:all .3s}.edit-button:hover{background:#00000008;border-color:#0003}.loading-overlay{z-index:200;background:#1a103cf2;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #fff3;border-top-color:#9333ea;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:#fff;font-size:16px}@media (max-width:480px){.onboarding-title{font-size:22px}.step-content{padding:16px}.selection-card{padding:20px 12px}.card-emoji{font-size:28px}}.card-subtitle{color:#86868b;text-align:center;font-size:12px}.breather{text-align:center;flex-direction:column;align-items:center;min-height:400px;display:flex}.breather-emoji{margin-bottom:20px;font-size:72px;animation:3s ease-in-out infinite float}.breather-text{color:#1d1d1f;margin-bottom:32px;font-size:16px;line-height:1.6}.social-proof{justify-content:center;gap:32px;margin-bottom:40px;display:flex}.proof-item{flex-direction:column;align-items:center;gap:4px;display:flex}.proof-number{color:#a855f7;font-size:24px;font-weight:700}.proof-label{color:#86868b;font-size:12px}.single-input-container{margin-bottom:32px}.form-input.large{text-align:center;border-radius:16px;padding:18px 20px;font-size:18px}.input-hint{color:#86868b;text-align:center;margin-top:12px;font-size:13px}.phone-input-wrapper{background:#00000008;border:2px solid #0000001f;border-radius:16px;align-items:center;transition:all .3s;display:flex;overflow:hidden}.phone-input-wrapper:focus-within{background:#fffffff2;border-color:#007aff}.phone-prefix{color:#86868b;background:#0000000a;border-right:1px solid #00000014;padding:18px 16px;font-size:16px;font-weight:500}.form-input.phone{text-align:left;background:0 0;border:none;padding-left:12px}.form-input.phone:focus{background:0 0;border:none}.confirmation-row{cursor:pointer;border-bottom:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;margin:-2px -8px;padding:14px 8px;transition:background .2s;display:flex}.confirmation-row:hover{background:#ffffff0d}.confirmation-row:last-of-type{border-bottom:none}.confirmation-label{color:#86868b;min-width:70px;font-size:12px}.confirmation-value{color:#1d1d1f;flex:1;font-size:15px;font-weight:500}.confirmation-edit{opacity:.5;font-size:14px;transition:opacity .2s}.confirmation-row:hover .confirmation-edit{opacity:1}.value-points{flex-direction:column;gap:12px;width:100%;margin-bottom:32px;display:flex}.value-point{color:#1d1d1f;background:#ffffffd9;border:1px solid #0000000f;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-size:14px;display:flex}.value-icon{font-size:22px}.back-button{color:#86868b;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px;transition:color .2s;position:absolute;top:0;left:0}.back-button:hover{color:#1d1d1f}.onboarding-step{padding-top:40px;position:relative}.autocomplete-container{position:relative}.suggestions-dropdown{z-index:50;background:#fff;border:1px solid #0000001f;border-radius:12px;margin-top:8px;animation:.2s slideDown;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000014}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{color:#1d1d1f;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000000f;width:100%;padding:14px 16px;font-size:15px;transition:background .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#00000008}.returning-user-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#1a103ce6;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.returning-user-card{text-align:center;background:linear-gradient(135deg,#2d1f5e,#1a103c);border:1px solid #fff3;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:40px;animation:.4s slideUp;display:flex;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.user-avatar{margin-bottom:24px;font-size:64px;animation:2s infinite wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.returning-user-card h2{color:#fff;margin-bottom:8px;font-size:24px}.returning-user-card p{color:#ffffffb3;margin-bottom:32px;font-size:16px}.saved-details-preview{background:#ffffff0d;border-radius:16px;width:100%;margin-bottom:32px;padding:16px}.preview-row{color:#ffffffe6;justify-content:center;gap:16px;font-size:14px;display:flex}.returning-actions{flex-direction:column;gap:16px;width:100%;display:flex}.text-button{color:#fff9;cursor:pointer;background:0 0;border:none;padding:8px;font-size:14px;transition:color .2s}.text-button:hover{color:#fff;text-decoration:underline}.suggestion-state{color:#ffffff80;font-size:13px}.country-code-select{color:#fff;cursor:pointer;appearance:none;background:#ffffff1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 8px center/16px no-repeat;border:1px solid #fff3;border-radius:12px 0 0 12px;padding:14px 28px 14px 12px;font-size:15px}.country-code-select:focus{border-color:#9333ea;outline:none}.country-code-select option{color:#fff;background:#1a103c}.phone-input-wrapper .form-input.phone{border-left:none;border-radius:0 12px 12px 0}.date-selectors{gap:12px;margin-bottom:20px;display:flex}.form-select{color:#1d1d1f;cursor:pointer;appearance:none;background:#ffffffd9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231d1d1f' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 12px center/16px no-repeat;border:2px solid #0000001f;border-radius:12px;outline:none;flex:1;padding:14px 12px;font-size:16px;transition:all .3s}.form-select:focus{background-color:#fff;border-color:#007aff}.form-select option{color:#1d1d1f;background-color:#fff;padding:10px}.form-select:first-child{flex:.8}.form-select:nth-child(2){flex:1.2}.form-select:nth-child(3){flex:1.5}.time-presets{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.time-preset-btn{color:#ffffffe6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:10px 14px;font-size:13px;transition:all .2s}.time-preset-btn:hover{background:#9333ea33;border-color:#9333ea66}.time-preset-btn.selected{color:#fff;background:#9333ea4d;border-color:#a855f7}.time-selectors{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.time-select{text-align:center;width:70px;padding:14px 8px;font-size:18px;flex:none!important}.time-colon{color:#ffffffb3;font-size:24px;font-weight:700}.ampm-toggle{border:1px solid #fff3;border-radius:12px;margin-left:8px;display:flex;overflow:hidden}.ampm-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:none;padding:14px 16px;font-size:14px;font-weight:600;transition:all .2s}.ampm-btn:first-child{border-right:1px solid #ffffff1a}.ampm-btn.active{color:#fff;background:linear-gradient(135deg,#9333ea,#7c3aed)}.ampm-btn:hover:not(.active){background:#ffffff1a}.input-error{color:#fca5a5;text-align:center;margin-top:8px;font-size:14px}.browser-warning-banner{color:#856404;text-align:center;z-index:1000;background:#fff3cd;border-bottom:1px solid #ffeeba;width:100%;padding:12px;font-size:14px;font-weight:500;position:relative;box-shadow:0 2px 4px #0000001a}.browser-open-link{color:#0056b3;cursor:pointer;margin-left:5px;font-weight:700;text-decoration:underline}.onboarding-container.lite-mode{background:#1a103c}.lite-mode .step-content{box-shadow:none;background:#1e143cf2;border:1px solid #ffffff1a;-webkit-backdrop-filter:none!important}.lite-mode .form-input,.lite-mode .form-select,.lite-mode .time-preset-btn{background:#2d1f5e;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.lite-mode input,.lite-mode select,.lite-mode textarea{font-size:16px!important}.time-input-min{text-align:center;-moz-appearance:textfield;width:70px!important;padding:12px 8px!important}.time-input-min::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input-min::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}