.onboarding-layout{min-height:100vh;background:var(--bg-canvas);font-family:var(--font-sans);color:var(--ink-label)}.ty-display-3{font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em;color:var(--ink-label)}.ty-display-3.compact,.ty-title-2{font-size:1.5rem;line-height:2rem}.ty-title-2{font-weight:600;color:var(--ink-label)}.ty-title-2.compact{font-size:1.25rem;line-height:1.75rem}.ty-body{font-size:1rem;line-height:1.5rem;font-weight:400;color:var(--ink-label)}.ty-body-2{font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--ink-secondary)}.ty-body-emphasized{font-size:1rem;line-height:1.5rem;font-weight:600;color:var(--ink-label)}.ty-caption{font-size:.75rem;line-height:1rem;font-weight:400;color:var(--ink-tertiary)}.btn-brand{background:linear-gradient(135deg,var(--brand-600) 0,var(--brand-500) 100%);border:none;color:#fff;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.btn-brand:hover{background:linear-gradient(135deg,var(--brand-700) 0,var(--brand-600) 100%);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06)}.btn-brand:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.btn-brand:disabled{background:var(--border-quiet);color:var(--ink-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.onboarding-progress{height:.5rem;background-color:var(--brand-100);border-radius:.25rem;overflow:hidden}.onboarding-progress .progress-fill{background:var(--brand-gradient);height:100%;border-radius:.25rem;transition:width .3s cubic-bezier(.4,0,.2,1)}.onboarding-card{background:#fff!important;border:1px solid var(--border-quiet);border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);transition:all .2s cubic-bezier(.4,0,.2,1)}.onboarding-card.compact{border-radius:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.04)}.onboarding-card:hover{border-color:var(--brand-300);box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06)}.option-card{background:#fff!important;border:1px solid var(--border-quiet);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:flex-start;gap:.75rem}.option-card.compact{padding:.75rem;border-radius:.5rem;gap:.5rem}.option-card:hover{border-color:var(--brand-300);background:var(--brand-50);transform:translateY(-1px)}.option-card.selected{border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.option-card.selected:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--brand-gradient);border-radius:.75rem;z-index:-1}.brand-icon-container{width:4rem;height:4rem;background:var(--brand-100);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.brand-icon-container.compact{width:3rem;height:3rem;border-radius:.75rem;margin:0 auto .75rem}.brand-icon{width:2rem;height:2rem;color:var(--brand-600)}.brand-icon.compact{width:1.5rem;height:1.5rem}.social-btn{border:1px solid var(--border-quiet);background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.social-btn:hover{border-color:var(--border-strong);background:var(--bg-raised);transform:translateY(-1px)}.onboarding-input{border:1px solid rgba(60,60,67,.12)!important;background:#fff!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.onboarding-input:focus{border-color:var(--brand-500)!important;box-shadow:0 0 0 3px rgba(16,185,129,.1)!important;outline:none!important}.onboarding-input:focus-visible{border-color:var(--brand-500)!important;box-shadow:0 0 0 3px rgba(16,185,129,.1)!important;outline:none!important}.tabs-list{display:grid!important;width:100%!important;grid-template-columns:1fr 1fr!important;border-radius:.75rem!important;padding:.25rem!important;margin-bottom:1.5rem!important;gap:.125rem!important;justify-content:stretch!important}.tab-trigger{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;border-radius:.5rem!important;padding:.875rem 1rem!important;font-size:1rem!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;background:transparent!important;color:var(--ink-secondary)!important;border:none!important;min-height:48px!important;width:100%!important;flex:1!important}.tab-trigger:hover{background:hsla(0,0%,100%,.7)!important}.tab-trigger:hover,.tab-trigger[data-state=active]{color:var(--ink-label)!important;transform:translateY(-1px)!important}.tab-trigger[data-state=active]{background:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06)!important;font-weight:600!important}.tab-trigger:focus-visible{outline:2px solid var(--brand-500)!important;outline-offset:2px!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.glass-card{background:var(--overlay-glass);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.2)}@media (max-width:768px){.ty-display-3{font-size:1.5rem;line-height:2rem}.ty-title-2{font-size:1.25rem;line-height:1.75rem}.brand-icon-container{width:3rem;height:3rem}.brand-icon{width:1.5rem;height:1.5rem}}.dark .onboarding-card{box-shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}.dark .onboarding-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2)}.spinner{width:1.25rem;height:1.25rem;border-top:2px solid var(--border-quiet);border:2px solid var(--border-quiet);border-top-color:var(--brand-600);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checkmark{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--state-success);position:relative}.checkmark:after{content:"";position:absolute;left:.375rem;top:.25rem;width:.375rem;height:.75rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}@keyframes slideInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideInUp .3s ease-out}@media (max-width:640px){.ty-display-3{font-size:1.5rem;line-height:2rem}.onboarding-card{margin:0 1rem}.option-card{padding:.875rem}.brand-icon-container{width:3rem;height:3rem}.brand-icon{width:1.5rem;height:1.5rem}}@supports (-webkit-appearance:none){.onboarding-input{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important}.onboarding-input:not([style*=padding-right]){padding-left:2.75rem!important}.onboarding-input[style*=padding-right]{padding-left:2.75rem!important;padding-right:2.75rem!important}}.onboarding-input::placeholder{color:var(--ink-tertiary)!important;opacity:1!important}.onboarding-input+.absolute,.onboarding-input~.absolute{pointer-events:none;z-index:2}input.onboarding-input[type=email],input.onboarding-input[type=password],input.onboarding-input[type=text]{min-height:44px;line-height:1.5;vertical-align:middle}