.avatar-onboarding{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#0c0c0e;color:#fff;font-family:Inter,-apple-system,sans-serif;display:flex;flex-direction:column}.onboarding-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;overflow:hidden}.bg-avatar{object-fit:contain;position:absolute}.male-avatar{right:-5%;transform:none;z-index:7;height:100%;bottom:-5%;opacity:.8;filter:blur(2px)}.female-avatar{right:-15%;height:130%;filter:blur(16px);z-index:8;bottom:-20%;opacity:.7}.onboarding-overlay{position:relative;z-index:20;width:100%;flex:1 1;display:flex;flex-direction:column;background:linear-gradient(90deg,#0c0c0e 10%,rgba(12,12,14,.8) 30%,transparent)}.onboarding-main{flex:1 1;display:flex;align-items:flex-start;padding-left:10%;padding-top:10px;justify-content:flex-start}.form-container{width:420px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:30;padding-bottom:20px}.form-container h1{font-size:36px;font-weight:700;margin:0;line-height:1.1;letter-spacing:-1px}.form-container p{font-size:16px;color:hsla(0,0%,100%,.5);margin:-4px 0 8px;line-height:1.5;max-width:90%}.brand-input{width:100%;padding:16px 20px;background:rgba(20,20,25,.6)!important;border:1px solid hsla(0,0%,100%,.12)!important;border-radius:12px;color:#fff!important;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-text-fill-color:#fff!important}.brand-input::placeholder{color:hsla(0,0%,100%,.25)}.brand-input:focus{outline:none;border-color:var(--theme-color);background:rgba(30,30,35,.7);color:#fff!important;-webkit-text-fill-color:#fff!important}.brand-input.error{border-color:#ff4d4d;background:rgba(255,77,77,.05)}.error-message{color:#ff4d4d;font-size:14px;margin-top:6px;padding-left:5px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.brand-input:-webkit-autofill,.brand-input:-webkit-autofill:active,.brand-input:-webkit-autofill:focus,.brand-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #141419!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.create-account-btn{height:52px;padding:0 20px;background:var(--theme-color)!important;border:none;border-radius:12px;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);justify-content:center;margin-bottom:5px}.create-account-btn,.onboarding-divider{width:100%;display:flex;align-items:center}.onboarding-divider{text-align:center;margin:18px 0;color:hsla(0,0%,100%,.9)}.onboarding-divider:after,.onboarding-divider:before{content:"";flex:1 1;border-bottom:1px solid hsla(0,0%,100%,.45)}.onboarding-divider span{padding:0 20px;font-size:13px;font-weight:500;text-transform:lowercase}.onboarding-google-btn{width:100%;height:52px;padding:0 20px;background:var(--theme-color);border:none;border-radius:12px;color:#000!important;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--theme-color),transparent 80%)}.google-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--theme-color),transparent 60%)}.onboarding-google-btn:active{background:var(--theme-color-hover);transform:translateY(0)}.google-icon{width:22px;height:22px;display:block}.create-account-btn.success{background:#4caf50}.create-account-btn:disabled{opacity:.8;cursor:not-allowed}.create-account-btn:not(:disabled):hover{background:var(--theme-color-hover);transform:translateY(-2px);box-shadow:0 6px 25px color-mix(in srgb,var(--theme-color),transparent 60%)}.create-account-btn.success:not(:disabled):hover{background:#43a047;box-shadow:0 5px 15px rgba(76,175,80,.3)}.btn-content{display:flex;align-items:center;justify-content:center;gap:12px}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(0,0,0,.2);border-top-color:#000;animation:spin .8s linear infinite}.check-mark{font-size:20px;font-weight:700}@keyframes spin{to{transform:rotate(1turn)}}.platform-strip{padding:20px 60px 60px;background:transparent;z-index:30;position:relative;margin-top:auto}.platform-cards{display:flex;gap:16px;justify-content:flex-start}.platform-cards::-webkit-scrollbar{display:none}.platform-card{min-width:100px;height:60px;background:#000;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;padding:0}.platform-card:hover{background:#1e1e28;border-color:hsla(0,0%,100%,.2);transform:translateY(-5px)}.platform-card.in-progress{filter:grayscale(1) brightness(.5);opacity:.6;pointer-events:none;cursor:default;position:relative}.status-overlay{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:hsla(0,0%,100%,.6);font-size:8px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:100px;white-space:nowrap;border:1px solid hsla(0,0%,100%,.15);letter-spacing:.5px;pointer-events:none}.platform-img{width:100%;height:100%;object-fit:cover;display:block}.htm-card{background:#000}@media (max-width:1024px){.onboarding-main{padding-left:5%}.male-avatar{opacity:.8}.platform-strip{padding-left:40px;padding-right:40px}}@media (max-width:768px){.onboarding-bg{justify-content:center}.male-avatar{right:auto;left:0;transform:none;z-index:1}.female-avatar,.male-avatar{height:60%;top:auto;bottom:0;opacity:.2}.female-avatar{display:block;right:-30%;left:auto;filter:blur(4px);z-index:2}.onboarding-overlay{justify-content:flex-start;padding-top:20px}.onboarding-main{padding:20px;justify-content:center;align-items:center;flex:1 1}.form-container{width:100%;max-width:100%;padding:0 10px}.platform-strip{padding:10px 20px 30px}.platform-cards{gap:8px;flex-wrap:wrap;justify-content:center}.platform-card{min-width:80px;width:auto;flex:1 1;max-width:100px;height:50px;border-radius:8px}.platform-card:nth-child(n+4){filter:none;opacity:1;pointer-events:auto}}.login-hint{text-align:center;color:hsla(0,0%,100%,.6);font-size:14px;margin-top:5px;margin-bottom:12px}