.trinity-step-transition{width:100%;animation-fill-mode:both}.trinity-step-transition--slide-forward.trinity-step-transition--animating{animation:slideInFromRight var(--animation-duration-slower) var(--animation-ease-out)}.trinity-step-transition--slide-forward:not(.trinity-step-transition--animating)[data-step][data-current-step]{animation:slideOutToLeft var(--animation-duration-normal) var(--animation-ease-out)}.trinity-step-transition--slide-backward.trinity-step-transition--animating{animation:slideInFromLeft var(--animation-duration-slower) var(--animation-ease-out)}.trinity-step-transition--slide-backward:not(.trinity-step-transition--animating)[data-step][data-current-step]{animation:slideOutToRight var(--animation-duration-normal) var(--animation-ease-out)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(var(--animation-slide-distance-desktop))}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(var(--animation-slide-distance-desktop) * -1))}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(calc(var(--animation-slide-distance-desktop) * -1))}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--animation-slide-distance-desktop))}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.trinity-step-transition{animation-duration:var(--animation-duration-normal)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(var(--animation-slide-distance-mobile))}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(var(--animation-slide-distance-mobile) * -1))}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(calc(var(--animation-slide-distance-mobile) * -1))}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--animation-slide-distance-mobile))}}}@media (prefers-reduced-motion:reduce){.trinity-step-transition,.trinity-step-transition--slide-backward,.trinity-step-transition--slide-forward{animation:fadeIn var(--animation-duration-fast) ease}}.trinity-progress-bar{width:100%;margin-bottom:var(--spacing-xl)}.trinity-progress-bar__container{position:relative;width:100%;height:4px;background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);overflow:hidden;margin-bottom:var(--spacing-lg)}.trinity-progress-bar__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:var(--border-radius-sm);transition:width var(--transition-slow) var(--animation-ease-in-out);box-shadow:0 0 8px var(--shadow-color-primary)}.trinity-progress-bar__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--shadow-color-overlay),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.trinity-progress-bar__steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.trinity-progress-bar__step{display:flex;align-items:center;flex:1;position:relative}.trinity-progress-bar__step-number{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);background-color:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-normal) var(--animation-ease-in-out);position:relative;z-index:2}.trinity-progress-bar__step--active .trinity-progress-bar__step-number{background-color:var(--color-primary);color:var(--text-inverse);transform:scale(1.1);box-shadow:0 4px 12px var(--shadow-color-primary-light)}.trinity-progress-bar__step--current .trinity-progress-bar__step-number{animation:pulseScale 2s infinite}@keyframes pulseScale{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}.trinity-progress-bar__step-line{flex:1;height:2px;background-color:var(--bg-secondary);margin:0 var(--spacing-sm);transition:background-color var(--transition-normal) ease;position:relative;z-index:1}.trinity-progress-bar__step--active .trinity-progress-bar__step-line{background-color:var(--color-primary)}.trinity-progress-bar__step--active .trinity-progress-bar__step-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary-light);animation:lineProgress var(--transition-slow) ease-out}@keyframes lineProgress{0%{width:0}to{width:100%}}.trinity-progress-bar__labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-secondary)}.trinity-progress-bar__label{flex:1;text-align:center;transition:all var(--transition-normal) ease}.trinity-progress-bar__label--current{font-weight:var(--font-weight-bold);color:var(--color-primary);transform:scale(1.05)}@media (max-width:768px){.trinity-progress-bar__container{height:3px;margin-bottom:var(--spacing-md)}.trinity-progress-bar__step-number{width:2rem;height:2rem;font-size:var(--font-size-xs)}.trinity-progress-bar__step-line{margin:0 var(--spacing-xs)}.trinity-progress-bar__labels{font-size:var(--font-size-xs)}.trinity-progress-bar__step--active .trinity-progress-bar__step-number{transform:scale(1.15)}}@media (max-width:480px){.trinity-progress-bar__step-number{width:1.75rem;height:1.75rem;font-size:var(--font-size-xs)}.trinity-progress-bar__labels{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){.trinity-progress-bar__fill,.trinity-progress-bar__label,.trinity-progress-bar__step-line,.trinity-progress-bar__step-number{transition:none;animation:none}}.trinity-progressive-fields{width:100%;min-height:400px}.trinity-progressive-field{width:100%;margin-bottom:var(--spacing-xl);opacity:0;transform:translateY(20px);animation:fadeInUp .4s var(--animation-ease-out) forwards}.trinity-progressive-field--active{opacity:1;transform:translateY(0)}.trinity-progressive-field--completed{opacity:.7;transform:scale(.99)}.trinity-progressive-field--completed:hover{opacity:1;transform:scale(1)}.trinity-progressive-field__label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--text-primary);transition:all var(--transition-normal) ease}.trinity-progressive-field--active .trinity-progressive-field__label{color:var(--color-primary);transform:scale(1.02)}.trinity-progressive-field__required{color:var(--color-danger)}.trinity-progressive-field__input-wrapper{position:relative;width:100%}.trinity-progressive-field__input-wrapper input,.trinity-progressive-field__input-wrapper select,.trinity-progressive-field__input-wrapper textarea{width:100%;padding:var(--spacing-lg);border:2px solid var(--bg-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-lg);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal) var(--animation-ease-out);-webkit-appearance:none;appearance:none;touch-action:manipulation;min-height:56px}.trinity-progressive-field--active .trinity-progressive-field__input-wrapper input,.trinity-progressive-field--active .trinity-progressive-field__input-wrapper select,.trinity-progressive-field--active .trinity-progressive-field__input-wrapper textarea{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--shadow-color-primary-light);transform:scale(1.01)}.trinity-progressive-field--completed .trinity-progressive-field__input-wrapper input,.trinity-progressive-field--completed .trinity-progressive-field__input-wrapper select,.trinity-progressive-field--completed .trinity-progressive-field__input-wrapper textarea{border-color:var(--color-success);background-color:rgba(52,199,89,.05)}.trinity-progressive-field__input-wrapper input:focus,.trinity-progressive-field__input-wrapper select:focus,.trinity-progressive-field__input-wrapper textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--shadow-color-primary-light)}.trinity-progressive-field__checkmark{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background-color:var(--color-success);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);animation:checkMarkBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkMarkBounce{0%{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1);opacity:1}}.trinity-progressive-field__hint{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);opacity:0;transform:translateY(-4px);transition:all var(--transition-normal) ease}.trinity-progressive-field--active .trinity-progressive-field__hint{opacity:1;transform:translateY(0)}@media (max-width:768px){.trinity-progressive-field{margin-bottom:var(--spacing-lg)}.trinity-progressive-field__label{font-size:var(--font-size-md)}.trinity-progressive-field__input-wrapper input,.trinity-progressive-field__input-wrapper select,.trinity-progressive-field__input-wrapper textarea{font-size:16px;padding:var(--spacing-md);min-height:52px}}@media (max-width:480px){.trinity-progressive-field__input-wrapper input,.trinity-progressive-field__input-wrapper select,.trinity-progressive-field__input-wrapper textarea{min-height:56px}}.trinity-progressive-fields__progress{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--bg-secondary)}.trinity-progressive-fields__progress-bar{width:100%;height:4px;background-color:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-sm)}.trinity-progressive-fields__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:2px;transition:width var(--transition-slow) var(--animation-ease-out);box-shadow:0 0 8px var(--shadow-color-primary)}.trinity-progressive-fields__progress-text{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.trinity-progressive-fields__navigation{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:space-between}.trinity-progressive-fields__nav-button{flex:1;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);background-color:var(--bg-primary);color:var(--color-primary);cursor:pointer;transition:all var(--transition-normal) var(--animation-ease-out);-webkit-appearance:none;appearance:none;touch-action:manipulation}.trinity-progressive-fields__nav-button--next{background-color:var(--color-primary);color:var(--text-inverse)}.trinity-progressive-fields__nav-button--previous{background-color:var(--bg-primary);color:var(--color-primary)}.trinity-progressive-fields__nav-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.trinity-progressive-fields__nav-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color-primary-light)}.trinity-progressive-fields__nav-button--next:not(:disabled):hover{background-color:var(--color-primary-dark,#0056b3);box-shadow:0 4px 12px var(--shadow-color-primary)}.trinity-progressive-fields__nav-button--previous:not(:disabled):hover{background-color:rgba(0,122,255,.1)}.trinity-progressive-fields__nav-button:not(:disabled):active{transform:translateY(0)}@media (max-width:768px){.trinity-progressive-fields__navigation{position:sticky;bottom:0;background-color:var(--bg-primary);padding:var(--spacing-md) 0;margin-top:var(--spacing-lg);box-shadow:0 -2px 10px rgba(0,0,0,.05)}.trinity-progressive-fields__nav-button{min-height:52px}}@media (prefers-reduced-motion:reduce){.trinity-progressive-field,.trinity-progressive-field__checkmark,.trinity-progressive-field__hint,.trinity-progressive-field__input-wrapper input,.trinity-progressive-field__label,.trinity-progressive-fields__progress-fill{animation:none;transition:none}}.trinity-onboarding-welcome{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);animation:fadeIn .6s var(--animation-ease-out)}.trinity-onboarding-welcome__content{max-width:500px;width:100%;text-align:center}.trinity-onboarding-welcome__icon{margin-bottom:var(--spacing-xl);animation:scaleIn .8s var(--animation-ease-out)}.trinity-onboarding-welcome__icon-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto;box-shadow:0 8px 24px var(--shadow-color-primary-light);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.trinity-onboarding-welcome__title{font-size:var(--font-size-huge);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);animation:slideInUp .6s var(--animation-ease-out) .2s both}.trinity-onboarding-welcome__subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-lg);animation:slideInUp .6s var(--animation-ease-out) .3s both}.trinity-onboarding-welcome__description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xxl);animation:slideInUp .6s var(--animation-ease-out) .4s both}.trinity-onboarding-welcome__features{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);animation:slideInUp .6s var(--animation-ease-out) .5s both}.trinity-onboarding-welcome__feature{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--text-primary)}.trinity-onboarding-welcome__feature-icon{width:24px;height:24px;border-radius:50%;background-color:var(--color-success);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.trinity-onboarding-welcome__start-button{width:100%;min-height:56px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);animation:slideInUp .6s var(--animation-ease-out) .6s both;position:relative;overflow:hidden}.trinity-onboarding-welcome__start-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.trinity-onboarding-welcome__start-button:active:before{width:300px;height:300px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.trinity-onboarding-welcome{min-height:70vh;padding:var(--spacing-xl) var(--spacing-md)}.trinity-onboarding-welcome__icon-circle{width:100px;height:100px;font-size:3rem}.trinity-onboarding-welcome__title{font-size:var(--font-size-xxxl)}.trinity-onboarding-welcome__subtitle{font-size:var(--font-size-lg)}.trinity-onboarding-welcome__description{font-size:var(--font-size-md)}}@media (max-width:480px){.trinity-onboarding-welcome__icon-circle{width:80px;height:80px;font-size:2.5rem}.trinity-onboarding-welcome__title{font-size:var(--font-size-xxl)}.trinity-onboarding-welcome__start-button{min-height:52px}}@media (prefers-reduced-motion:reduce){.trinity-onboarding-welcome,.trinity-onboarding-welcome__description,.trinity-onboarding-welcome__features,.trinity-onboarding-welcome__icon,.trinity-onboarding-welcome__icon-circle,.trinity-onboarding-welcome__start-button,.trinity-onboarding-welcome__subtitle,.trinity-onboarding-welcome__title{animation:none}}