.onboarding-container{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1030 50%,#0a0a1a);display:flex;flex-direction:column}.onboarding-header{padding:16px 24px;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:space-between}.onboarding-logo{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;background:linear-gradient(180deg,#818cf8,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.onboarding-footer{padding:16px 24px;background:hsla(0,0%,100%,.03);border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;gap:16px}.step-indicator{display:flex;align-items:center;gap:8px}.step-indicator__dot{width:32px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.1);transition:all .3s ease}.step-indicator__dot--completed{background:#10b981}.step-indicator__dot--current{background:linear-gradient(90deg,#818cf8,#6366f1);width:48px;box-shadow:0 0 8px rgba(99,102,241,.4)}.step-indicator__text{font-size:13px;color:hsla(0,0%,100%,.5);margin-left:12px}.onboarding-card{background:rgba(15,15,35,.25);backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));border:1px solid hsla(0,0%,100%,.08);border-radius:22px;padding:40px;width:100%;max-width:480px;animation:fadeInUp .4s ease;box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-card__icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(79,70,229,.2));border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#818cf8}.onboarding-card__title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;color:#f5f5f7;margin:0 0 8px;line-height:1.2;letter-spacing:-.02em}.onboarding-card__subtitle{font-family:Outfit,sans-serif;font-size:15px;color:#b8b8bc;margin:0 0 32px;line-height:1.5}.onboarding-form{display:flex;flex-direction:column;gap:20px}.onboarding-field{display:flex;flex-direction:column;gap:8px}.onboarding-label{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;color:#b8b8bc;display:flex;align-items:center;gap:4px}.onboarding-label__required{color:#ef4444}.onboarding-input{width:100%;padding:14px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:#f5f5f7;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.onboarding-input:focus{outline:none;border-color:#6366f1;background:rgba(99,102,241,.05);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.onboarding-input:focus-visible{box-shadow:0 0 0 3px rgba(99,102,241,.25)}.onboarding-input::placeholder{color:#8892a4}.onboarding-input--error{border-color:#ef4444;background:rgba(239,68,68,.1)}.onboarding-error{font-size:13px;color:#ef4444;display:flex;align-items:center;gap:6px}.onboarding-textarea{min-height:120px;resize:vertical}.onboarding-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:44px}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.onboarding-btn--primary{background:linear-gradient(180deg,#818cf8,#6366f1 50%,#4f46e5);color:#fff;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.2),inset 0 -1px 0 0 rgba(0,0,0,.1),0 4px 12px rgba(99,102,241,.35)}.onboarding-btn--primary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));pointer-events:none;border-radius:12px 12px 0 0}.onboarding-btn--primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.25),inset 0 -1px 0 0 rgba(0,0,0,.1),0 8px 24px rgba(99,102,241,.45)}.onboarding-btn--primary:active{transform:scale(.98)}.onboarding-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.onboarding-btn--secondary{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8)}.onboarding-btn--secondary:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.3)}.onboarding-btn--full{width:100%}.onboarding-btn--skip{background:transparent;color:hsla(0,0%,100%,.5);padding:8px 16px}.onboarding-btn--skip:hover{color:hsla(0,0%,100%,.8)}.onboarding-chips{display:flex;flex-wrap:wrap;gap:10px}.onboarding-chip{padding:10px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:hsla(0,0%,100%,.7);font-size:14px;cursor:pointer;transition:all .2s ease}.onboarding-chip:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.onboarding-chip--selected{background:rgba(99,102,241,.2);border-color:#6366f1;color:#fff}.onboarding-options{display:flex;flex-direction:column;gap:12px}.onboarding-option{display:flex;align-items:center;gap:12px;padding:16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.onboarding-option:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.onboarding-option--selected{background:rgba(99,102,241,.1);border-color:#6366f1}.onboarding-option__radio{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.onboarding-option--selected .onboarding-option__radio{border-color:#6366f1}.onboarding-option--selected .onboarding-option__radio:after{content:"";width:10px;height:10px;background:#6366f1;border-radius:50%}.onboarding-option__content{flex:1 1}.onboarding-option__title{font-size:15px;font-weight:500;color:#fff;margin:0 0 4px}.onboarding-option__desc{font-size:13px;color:hsla(0,0%,100%,.5);margin:0}.onboarding-slider-container{padding:8px 0}.onboarding-slider{width:100%;height:8px;-webkit-appearance:none;background:hsla(0,0%,100%,.1);border-radius:4px;outline:none}.onboarding-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:linear-gradient(180deg,#818cf8,#6366f1,#4f46e5);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px rgba(99,102,241,.4)}.onboarding-slider__value{text-align:center;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;color:#f5f5f7;margin:16px 0}.onboarding-slider__labels{display:flex;justify-content:space-between;font-size:13px;color:hsla(0,0%,100%,.5)}.onboarding-photo-upload{display:flex;flex-direction:column;align-items:center;gap:20px}.onboarding-photo-preview{width:150px;height:150px;border-radius:50%;background:hsla(0,0%,100%,.05);border:3px dashed hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:all .2s ease}.onboarding-photo-preview:hover{border-color:#6366f1;background:rgba(99,102,241,.1)}.onboarding-photo-preview img{width:100%;height:100%;object-fit:cover}.onboarding-photo-preview__placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:hsla(0,0%,100%,.5);font-size:13px}.onboarding-otp{display:flex;gap:12px;justify-content:center;margin:24px 0}.onboarding-otp__input{width:56px;height:64px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;font-size:24px;font-weight:600;color:#fff;text-align:center;transition:all .2s ease}.onboarding-otp__input:focus{outline:none;border-color:#6366f1;background:rgba(99,102,241,.1)}.onboarding-progress{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px}.onboarding-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.onboarding-progress__title{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.7)}.onboarding-progress__percent{font-size:14px;font-weight:600;color:#818cf8}.onboarding-progress__bar{height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.onboarding-progress__fill{height:100%;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:4px;transition:width .3s ease}.onboarding-welcome{text-align:center;max-width:600px}.onboarding-welcome__hero{font-family:Outfit,sans-serif;font-size:40px;font-weight:800;color:#f5f5f7;margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}.onboarding-welcome__hero span{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-welcome__subtitle{font-family:Outfit,sans-serif;font-size:18px;color:#b8b8bc;margin:0 0 40px;line-height:1.6}.onboarding-welcome__features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-bottom:40px}.onboarding-welcome__feature{padding:24px;background:rgba(15,10,40,.65);backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;transition:border-color .2s ease,box-shadow .2s ease}.onboarding-welcome__feature:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 4px 16px rgba(0,0,0,.2)}.onboarding-welcome__feature-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(79,70,229,.2));border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#818cf8}.onboarding-welcome__feature-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#f5f5f7;margin:0 0 8px}.onboarding-welcome__feature-desc{font-size:14px;color:hsla(0,0%,100%,.5);margin:0}.onboarding-review{display:flex;flex-direction:column;gap:16px}.onboarding-review__section{background:rgba(15,10,40,.5);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:16px}.onboarding-review__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.onboarding-review__section-title{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.5px}.onboarding-review__section-edit{font-size:13px;color:#818cf8;cursor:pointer}.onboarding-review__item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.onboarding-review__item:last-child{border-bottom:none}.onboarding-review__label{font-size:14px;color:hsla(0,0%,100%,.6)}.onboarding-review__value{font-size:14px;color:#fff;font-weight:500}.onboarding-success{text-align:center}.onboarding-success__icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#10b981}.onboarding-success__title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;color:#f5f5f7;margin:0 0 12px;letter-spacing:-.02em}.onboarding-success__message{font-size:16px;color:hsla(0,0%,100%,.6);margin:0 0 32px;line-height:1.6}@media (max-width:640px){.onboarding-card{padding:24px;border-radius:16px}.onboarding-card__title{font-size:24px}.onboarding-welcome__hero{font-size:28px}.onboarding-welcome__features{grid-template-columns:1fr}.onboarding-otp__input{width:48px;height:56px;font-size:20px}.onboarding-footer{flex-direction:column}.onboarding-btn--full-mobile{width:100%}}@media (prefers-reduced-transparency:reduce){.onboarding-card,.onboarding-welcome__feature{background:rgba(15,10,40,.95);backdrop-filter:none;-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.onboarding-card{animation:none}.onboarding-btn--primary,.onboarding-btn--primary:active,.onboarding-btn--primary:hover,.onboarding-chip,.onboarding-input,.onboarding-option{transition:none;transform:none}}.onboarding-btn:focus-visible,.onboarding-chip:focus-visible,.onboarding-option:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.welcome-modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.65);backdrop-filter:var(--glass-blur-cta,blur(8px));-webkit-backdrop-filter:var(--glass-blur-cta,blur(8px));display:flex;align-items:center;justify-content:center;padding:20px;transition:opacity .3s ease}.welcome-modal-card{background:rgba(15,10,40,.92);backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));border:1px solid hsla(0,0%,100%,.1);border-radius:22px;padding:40px;width:100%;max-width:460px;box-shadow:0 24px 80px rgba(0,0,0,.5),0 8px 32px rgba(99,102,241,.12);transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.welcome-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(79,70,229,.15));border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#818cf8}.welcome-modal-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;color:#f5f5f7;margin:0 0 8px;line-height:1.2;letter-spacing:-.02em}.welcome-modal-name{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-modal-desc{font-family:Outfit,sans-serif;font-size:15px;color:#b8b8bc;margin:0 0 24px;line-height:1.6}.welcome-modal-features{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.welcome-modal-feature-item{display:flex;align-items:center;gap:12px;font-size:14px;color:hsla(0,0%,100%,.75)}.welcome-modal-feature-icon-sm{width:32px;height:32px;min-width:32px;background:rgba(99,102,241,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#818cf8}.welcome-modal-skip{display:block;width:100%;margin-top:12px;padding:10px;background:transparent;border:none;color:hsla(0,0%,100%,.45);font-size:13px;cursor:pointer;transition:color .2s ease;text-align:center}.welcome-modal-skip:hover{color:hsla(0,0%,100%,.7)}@media (max-width:640px){.welcome-modal-card{padding:24px;border-radius:16px}.welcome-modal-title{font-size:24px}}.feed-tutorial-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.55);transition:opacity .3s ease}.feed-tutorial-tooltip{position:fixed;z-index:9999;background:rgba(15,10,40,.95);backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));border:1px solid hsla(0,0%,100%,.12);border-radius:16px;padding:20px 24px;max-width:320px;box-shadow:0 12px 40px rgba(0,0,0,.4),0 4px 16px rgba(99,102,241,.1);animation:fadeInUp .3s ease}.feed-tutorial-tooltip__title{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#f5f5f7;margin:0 0 6px}.feed-tutorial-tooltip__text{font-size:14px;color:hsla(0,0%,100%,.65);margin:0 0 16px;line-height:1.5}.feed-tutorial-tooltip__footer{display:flex;align-items:center;justify-content:space-between}.feed-tutorial-tooltip__step{font-size:12px;color:hsla(0,0%,100%,.4);font-family:JetBrains Mono,monospace}.feed-tutorial-tooltip__next{padding:8px 16px;background:linear-gradient(180deg,#818cf8,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.feed-tutorial-tooltip__next:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.feed-tutorial-tooltip__skip{padding:8px 4px;background:transparent;border:none;color:hsla(0,0%,100%,.4);font-size:12px;cursor:pointer;transition:color .2s ease}.feed-tutorial-tooltip__skip:hover{color:hsla(0,0%,100%,.7)}@media (max-width:767px){.feed-tutorial-tooltip{max-width:280px;padding:16px 20px}}.profile-completion-bar{background:rgba(15,10,40,.75);backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));border:1px solid hsla(0,0%,100%,.08);border-radius:13px;padding:16px 20px;margin-bottom:21px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.profile-completion-bar:hover{border-color:rgba(99,102,241,.3);box-shadow:0 4px 16px rgba(99,102,241,.1)}.profile-completion-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.profile-completion-bar__label{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.8)}.profile-completion-bar__percent{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:#818cf8}.profile-completion-bar__track{height:6px;background:hsla(0,0%,100%,.08);border-radius:3px;overflow:hidden}.profile-completion-bar__fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.16,1,.3,1)}.profile-completion-bar__message{font-size:13px;color:hsla(0,0%,100%,.5);margin-top:8px;line-height:1.4}.profile-completion-bar__items{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.profile-completion-bar__item{font-size:12px;padding:4px 10px;border-radius:6px;background:rgba(239,68,68,.1);color:hsla(0,0%,100%,.6);border:1px solid rgba(239,68,68,.2)}.profile-completion-bar__celebrate{text-align:center;padding:12px 20px;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.2);border-radius:13px;margin-bottom:21px;animation:fadeInUp .4s ease}.profile-completion-bar__celebrate-text{font-family:Outfit,sans-serif;font-size:15px;font-weight:600;color:#10b981}.email-verify-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:rgba(245,158,11,.08);backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));border:1px solid rgba(245,158,11,.2);border-radius:13px;margin-bottom:21px;animation:fadeInUp .3s ease}.email-verify-banner__content{display:flex;align-items:center;gap:12px;flex:1 1;flex-wrap:wrap}.email-verify-banner__icon{width:32px;height:32px;min-width:32px;background:rgba(245,158,11,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#f59e0b}.email-verify-banner__text{font-family:Outfit,sans-serif;font-size:14px;color:hsla(0,0%,100%,.8);flex:1 1;min-width:180px}.email-verify-banner__resend{padding:6px 14px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.email-verify-banner__resend:hover:not(:disabled){background:rgba(245,158,11,.25);border-color:rgba(245,158,11,.5)}.email-verify-banner__resend:disabled{opacity:.5;cursor:not-allowed}.email-verify-banner__dismiss{width:28px;height:28px;min-width:28px;background:transparent;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);cursor:pointer;transition:all .2s ease}.email-verify-banner__dismiss:hover{color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.05)}@media (max-width:640px){.email-verify-banner{padding:10px 14px}.email-verify-banner__content{gap:8px}.email-verify-banner__text{font-size:13px;min-width:0}}@media (max-width:480px){.email-verify-banner__resend{flex-basis:100%;text-align:center}.email-verify-banner__icon{width:24px;height:24px;min-width:24px}.email-verify-banner__icon svg{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.email-verify-banner,.feed-tutorial-tooltip,.profile-completion-bar__fill,.welcome-modal-backdrop,.welcome-modal-card{transition:none;animation:none}}