.onboarding-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;min-height:100dvh;background:radial-gradient(ellipse at 85% 20%,rgba(255,110,0,.22),transparent 50%),radial-gradient(ellipse at 10% 60%,rgba(255,150,40,.16),transparent 45%),linear-gradient(to bottom,#fff8f3 0%,#ffdec8 30%,var(--w-hero-top) 55%,var(--w-hero-mid) 80%,var(--w-edge) 100%)}.onboarding-progress{position:relative;z-index:50;width:100%;height:6px;background:#ff7a0024}.onboarding-progress>div{height:100%;background:var(--idekao-primary-gradient);border-radius:0 999px 999px 0;transition:width .7s ease}.onboarding-topbar{position:relative;z-index:40;flex-shrink:0;height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.onboarding-lang-btn{display:inline-flex;align-items:center;gap:8px;color:#111827;font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.onboarding-lang-btn:hover{background:#fff;transform:translateY(-1px)}.onboarding-main{position:relative;z-index:10;flex:1;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.onboarding-content{display:flex;align-items:center;z-index:1;justify-content:center;padding:0 16px 40px;align-self:start;min-width:0}.onboarding-card-wrap{width:100%;max-width:520px;min-width:0;position:relative;z-index:20;text-align:center;animation:heroFadeInUp .65s cubic-bezier(.22,1,.36,1) both}.onboarding-step-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:8px 16px 8px 12px;border-radius:999px;background:#ffffff9e;border:1px solid rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 18px #ff7a001a;color:var(--idekao-primary);font-size:13px;font-weight:700;letter-spacing:.02em}.onboarding-step-badge i,.onboarding-step-badge svg{width:16px;height:16px}.onboarding-title{font-size:2.5rem;font-weight:900;line-height:1.08;letter-spacing:-.04em;margin-bottom:12px;text-wrap:balance}.onboarding-subtitle{color:#000;opacity:.6;font-size:1.1rem;font-weight:400;margin:0 auto 26px}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.onboarding-back,.onboarding-skip{display:inline-flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;font-weight:600}.onboarding-back:hover,.onboarding-skip:hover{color:var(--idekao-primary)}.onboarding-visual{position:relative;overflow:visible;flex-shrink:0;z-index:2;pointer-events:none}.onboarding-visual-img{position:absolute;bottom:0;right:0;height:auto;width:99%;max-width:none;z-index:2;filter:drop-shadow(0 18px 36px rgba(180,70,0,.18))}@media (min-width: 440px){.onboarding-visual-img{width:94%}.onboarding-visual{min-height:310px}}@media (min-width: 1024px){.onboarding-visual-img{width:130%;transform:translate(10%)}}@media (min-width: 1180px){.onboarding-visual-img{width:140%;transform:translate(12%)}}@media (min-width: 1280px){.onboarding-visual-img{width:135%;transform:translate(12%)}}@media (min-width: 1500px){.onboarding-visual-img{width:110%;transform:translate(0)}}@media (min-width: 2000px){.onboarding-visual-img{width:100%;transform:translate(0)}}@media (min-width: 1024px){.onboarding-main{grid-template-columns:minmax(400px,45%) minmax(0,55%);overflow:visible}.onboarding-content{position:relative;align-self:stretch;padding:20px 40px 70px 70px;justify-content:center}.onboarding-card-wrap{text-align:left;margin-left:auto;margin-right:auto}.onboarding-step-badge{margin-left:0}.onboarding-subtitle{margin-left:0;margin-right:0}.onboarding-title{font-size:2.8rem}.onboarding-visual{position:relative;display:block;height:100dvh;margin-top:-82px;overflow:visible;z-index:0}}@media (min-width: 1280px){.onboarding-main{grid-template-columns:minmax(400px,40%) minmax(0,60%)}.onboarding-title{font-size:3rem}}@media (min-width: 1350px){.onboarding-content{padding-left:90px}.onboarding-title{font-size:3.2rem}}@media (min-width: 1024px) and (max-width: 1920px){.onboarding-content--scrollable{overflow-y:auto;align-items:center;align-items:safe center}}@media (max-width: 640px){.onboarding-topbar{height:66px;padding:0 16px}.onboarding-lang-btn span{display:none}.onboarding-lang-btn{width:40px;height:40px;justify-content:center;padding:0}}.onboarding-avatar-drop{width:80%;aspect-ratio:1 / 1;border-radius:var(--border-radius);border:2px dashed rgba(255,122,0,.3);background:#ffffff8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px #b4460012,inset 0 1px #fffc;cursor:pointer;transition:all .22s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media (max-width: 1023px){.onboarding-avatar-drop{margin:0 auto}}@media (min-width: 1024px){.onboarding-avatar-drop{width:60%}}@media (min-width: 1180px){.onboarding-avatar-drop{width:80%}}@media (min-width: 2200px){.onboarding-avatar-drop{width:100%}}.onboarding-avatar-drop:hover,.onboarding-avatar-drop.is-dragging{border-color:var(--idekao-primary);background:#ffffffbf;box-shadow:0 12px 36px #b446001c,0 0 0 4px #ff7a0017}.onboarding-avatar-drop.is-dragging{transform:scale(1.01)}.onboarding-avatar-preview{position:absolute;top:0;right:0;bottom:0;left:0}.onboarding-avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.onboarding-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease;color:#fff;font-size:14px;font-weight:600}.onboarding-avatar-drop.has-preview:hover .onboarding-avatar-overlay{opacity:1}.onboarding-avatar-remove{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:#ef4444;cursor:pointer;transition:all .15s ease;z-index:10;box-shadow:0 2px 8px #0000002e}.onboarding-avatar-remove:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.onboarding-avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 24px;text-align:center;pointer-events:none}.onboarding-avatar-icon{width:64px;height:64px;border-radius:20px;background:#ff7a001a;border:1.5px solid rgba(255,122,0,.2);display:flex;align-items:center;justify-content:center;color:var(--idekao-primary);margin-bottom:4px;transition:all .2s ease}.onboarding-avatar-drop:hover .onboarding-avatar-icon,.onboarding-avatar-drop.is-dragging .onboarding-avatar-icon{background:#ff7a002e;transform:scale(1.06)}.onboarding-avatar-icon i,.onboarding-avatar-icon svg{width:30px;height:30px}.onboarding-avatar-label{font-size:15px;font-weight:600;color:#111827}.onboarding-avatar-hint{font-size:12px;color:#9ca3af}.bd-picker{position:relative;display:flex;height:220px;overflow:hidden;background:#ffffffa6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(255,122,0,.2);border-radius:var(--border-radius);box-shadow:0 8px 28px #b4460012,inset 0 1px #fffc}.bd-picker:before{content:"";position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);height:44px;background:#ff7a001a;border:1.5px solid rgba(255,122,0,.22);border-radius:10px;pointer-events:none;z-index:10}.bd-picker:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#ffffffe0,#fff0 28%,#fff0 72%,#ffffffe0);pointer-events:none;z-index:6}.bd-picker__col{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:5}.bd-picker__col::-webkit-scrollbar{display:none}.bd-picker__col--month{flex:2}.bd-picker__sep{width:1px;margin:18px 0;background:#ff7a001f;flex-shrink:0;z-index:5}.bd-picker__spacer{height:88px}.bd-picker__item{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:16px;font-weight:500;color:#11182759;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s,font-weight .15s,font-size .15s}.bd-picker__item--active{color:var(--idekao-primary);font-weight:700;font-size:17px}.onboarding-form-shell{width:100%;margin-top:28px}.onboarding-form-stack{display:flex;flex-direction:column;gap:16px}.onboarding-input,.onboarding-form-shell .form-input{width:100%;min-height:58px;border-radius:var(--border-radius);border:1.5px solid rgba(255,122,0,.2);background:#ffffffa6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:0 22px;font-size:17px;font-weight:500;color:#111827;text-align:left;outline:none;box-shadow:0 8px 28px #b4460012,inset 0 1px #fffc;transition:all .22s ease}.onboarding-input::-moz-placeholder,.onboarding-form-shell .form-input::-moz-placeholder{color:#9ca3af;font-weight:400}.onboarding-input::placeholder,.onboarding-form-shell .form-input::placeholder{color:#9ca3af;font-weight:400}.onboarding-input:focus,.onboarding-form-shell .form-input:focus{background:#ffffffeb;border-color:var(--idekao-primary);box-shadow:0 12px 36px #b446001c,0 0 0 4px #ff7a001c}label.onboarding-input:hover,label.onboarding-input.dragging{background:#ffffffeb;border-color:var(--idekao-primary);box-shadow:0 12px 36px #b446001c,0 0 0 4px #ff7a001c}.onboarding-form-shell .form-label{display:none}.onboarding-form-shell .ts-control{min-height:58px;border-radius:var(--border-radius)!important;border:1.5px solid rgba(255,122,0,.2)!important;background:#ffffffa6!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 18px!important;box-shadow:0 8px 28px #b4460012,inset 0 1px #fffc;transition:all .22s ease}.onboarding-form-shell .ts-wrapper.focus .ts-control{background:#ffffffeb!important;border-color:var(--idekao-primary)!important;box-shadow:0 12px 36px #b446001c,0 0 0 4px #ff7a001c!important}.onboarding-form-shell .ts-control input{font-size:15px;color:#111827}.onboarding-form-shell .ts-dropdown{border-radius:20px;border:1px solid rgba(255,122,0,.15);box-shadow:0 12px 36px #b4460021;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;overflow:hidden}.onboarding-form-shell .hobbies-grid{border-radius:24px;border:1.5px solid rgba(255,122,0,.2);background:#ffffff73;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px #b4460012,inset 0 1px #fffc}.onboarding-form-shell .idekao-checkbox{background:#ffffff8c;border-color:#c8966438;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.onboarding-form-shell .idekao-checkbox:hover{background:#ffffffc7;border-color:#ff7a0066}.onboarding-form-shell .idekao-checkbox:has(input:checked){background:#ff7a0017;border-color:var(--idekao-primary)}.onboarding-editor-wrap .rounded-xl.border{border-radius:24px!important;border:1.5px solid rgba(255,122,0,.2)!important;background:#ffffffa6!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px #b4460012,inset 0 1px #fffc;overflow:hidden;transition:all .22s ease}.onboarding-editor-wrap .rounded-xl.border:focus-within{background:#ffffffeb!important;border-color:var(--idekao-primary)!important;box-shadow:0 12px 36px #b446001c,0 0 0 4px #ff7a001c!important}.onboarding-editor-wrap .border-b{border-color:#ff7a001a;background:#ffffff80!important}.onboarding-editor-wrap .form-hint{font-size:12px;color:#9ca3af}.hobbies-scroll-outer{position:relative;overflow:hidden}.hobbies-scroll-outer:after{content:"";position:absolute;bottom:0;left:0;right:0;height:64px;background:linear-gradient(to bottom,transparent,#ffdec8);pointer-events:none;border-radius:0 0 12px 12px;z-index:2}.hobbies-scroll-wrap{max-height:380px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(249,115,22,.28) transparent;padding:6px 15px 20px 3px}.hobbies-scroll-wrap::-webkit-scrollbar{width:4px}.hobbies-scroll-wrap::-webkit-scrollbar-track{background:transparent}.hobbies-scroll-wrap::-webkit-scrollbar-thumb{background:#f9731647;border-radius:4px}.wizard-categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (min-width: 480px){.wizard-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.wizard-categories-grid--5{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 480px){.wizard-categories-grid--5{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 640px){.wizard-categories-grid--5{grid-template-columns:repeat(4,minmax(0,1fr))}}.wizard-category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border-radius:14px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .18s ease;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 1024px){.wizard-category-card{aspect-ratio:1/1}}@media (min-width: 1024px){.wizard-category-card{gap:8px;padding:14px 10px;border-radius:16px}.wizard-category-card:hover{border-color:#ff7a0080;background:#ffffffd9;transform:translateY(-2px);box-shadow:0 6px 20px #b446001f}}@media (min-width: 1280px){.wizard-category-card{gap:9px;padding:18px}}.wizard-category-card.is-selected,.wizard-category-card:has(input:checked){border-color:var(--idekao-primary);background:#ffffffb3;box-shadow:0 0 0 2.5px var(--idekao-primary),0 6px 20px #b4460029;transform:translateY(-2px)}.wizard-category-icon{width:25px;height:25px;color:var(--idekao-primary);flex-shrink:0;transition:transform .18s ease}@media (min-width: 440px){.wizard-category-icon{width:32px;height:32px}}@media (min-width: 1024px){.wizard-category-icon{width:26px;height:26px}}@media (min-width: 1280px){.wizard-category-icon{width:28px;height:28px}}.wizard-category-card.is-selected .wizard-category-icon,.wizard-category-card:has(input:checked) .wizard-category-icon{transform:scale(1.12)}.wizard-category-label{font-size:12px;font-weight:700;color:#4b5563;line-height:1.25;transition:color .18s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (min-width: 440px){.wizard-category-label{font-size:14px}}@media (min-width: 1024px){.wizard-category-label{font-size:12px}}.wizard-category-card.is-selected .wizard-category-label,.wizard-category-card:has(input:checked) .wizard-category-label{color:var(--idekao-primary)}.onboarding-error{font-size:13px;color:#ef4444;margin-top:4px}.wizard-file-drop{border-color:#ff7a0040;background:#fff6;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.wizard-file-drop:hover,.wizard-file-drop--active{border-color:var(--idekao-primary);background:#ffffffbf;box-shadow:0 0 0 4px #ff7a001a}