.how-to-register__body{border:1px solid #D0D5DD;border-top:none}.how-to-register__title{font-size:1.5rem;font-weight:600;color:#1e1e1e;padding:28px 16px}.how-to-register__content{position:relative;border-top:1px solid #D0D5DD;display:grid;grid-template-columns:1fr}.how-to-register__content:before{content:"";position:absolute;inset:-12px;pointer-events:none;z-index:1;background:linear-gradient(#fff,#fff) left 1px top 1px/22px 22px no-repeat,linear-gradient(#d0d5dd,#d0d5dd) left 0px top 0px/24px 24px no-repeat,linear-gradient(#fff,#fff) right 1px top 1px/22px 22px no-repeat,linear-gradient(#d0d5dd,#d0d5dd) right 0px top 0px/24px 24px no-repeat,linear-gradient(#fff,#fff) left 1px bottom 1px/22px 22px no-repeat,linear-gradient(#d0d5dd,#d0d5dd) left 0px bottom 0px/24px 24px no-repeat,linear-gradient(#fff,#fff) right 1px bottom 1px/22px 22px no-repeat,linear-gradient(#d0d5dd,#d0d5dd) right 0px bottom 0px/24px 24px no-repeat}.how-to-register__steps-panel{aspect-ratio:1/1;overflow:hidden}.how-to-register__panel-image{display:none;width:100%;height:100%;object-fit:cover}.how-to-register__panel-image.is-active{display:block}.how-to-register__right-panel{display:flex;flex-direction:column;border-top:1px solid #D0D5DD;border-left:none}.how-to-register__tabs{height:auto;border-bottom:1px solid #D0D5DD;flex-wrap:nowrap}.how-to-register__tabs>:not(:last-child){border-right:1px solid #D0D5DD}.how-to-register__tabs .nav-item{flex:1}.how-to-register__tabs .nav-link{position:relative;display:block;width:100%;height:100%;padding:14px 2px;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;text-align:center;font-weight:500;font-size:1rem;color:#667085;transition:color .15s}.how-to-register__tabs .nav-link:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:3px;background-color:#306dcd;pointer-events:none}.how-to-register__tabs .nav-link:hover{color:#374151;text-decoration:none}.how-to-register__tabs .nav-link.active{background-color:#e6f1ff;color:#1e1e1e;font-weight:600}.how-to-register__tabs .nav-link.active:after{animation:how-to-register-progress 5s linear forwards;animation-play-state:paused}.how-to-register__content.is-running .how-to-register__tabs .nav-link.active:after{animation-play-state:running}.how-to-register .tab-content{flex-grow:1}.how-to-register .tab-content>.active{height:100%;display:flex;flex-direction:column;justify-content:space-between}.how-to-register__step-banner{background-color:#dbeafe;color:#2563eb;text-align:center;padding:12px 16px;margin-bottom:16px;font-weight:500;font-size:1rem;border-radius:0 0 16px 16px;white-space:normal}.how-to-register__step-body{padding:10px 14px;flex:1}@media(min-width:992px){.how-to-register__step-body{padding:16px 24px}}.how-to-register__step-body strong{display:block;font-weight:600;color:#111827;margin-bottom:4px;font-size:1.125rem}.how-to-register__step-body p{margin-bottom:0;color:#101828;font-size:1rem;font-weight:400}.how-to-register__step-body p a{color:#2563eb;text-decoration:underline}.how-to-register__step-item{display:flex;gap:12px;margin-bottom:20px}.how-to-register__step-item:last-child{margin-bottom:0}.how-to-register__diamond{color:#f97316;font-size:.75rem;margin-top:3px;flex-shrink:0}.how-to-register__step-footer{border-top:1px solid #D0D5DD;text-align:center;padding:15px 0}.how-to-register__step-footer p{margin:0;color:#52525b;font-size:1rem}@media(min-width:992px){.how-to-register__title{font-size:1.875rem;padding:42px 24px}.how-to-register__content{grid-template-columns:42% 1fr}.how-to-register__steps-panel{display:block}.how-to-register__right-panel{border-top:none;border-left:1px solid #D0D5DD}.how-to-register__tabs{height:78px}.how-to-register__tabs .nav-link{padding:24px;font-size:1.25rem}.how-to-register__step-banner{font-size:1.25rem}}.steps-timeline{position:relative;z-index:1;width:100%;max-width:280px}.steps-timeline__item{display:flex;align-items:center;gap:16px}.steps-timeline__connector{height:40px;width:2px;border-left:2px dashed #94A3B8;margin-left:19px}.steps-timeline__badge{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff}.steps-timeline__badge--teal{background-color:#4db6ac;border-radius:50%}.steps-timeline__badge--orange{background-color:#f4845f;border-radius:8px}.steps-timeline__badge--lavender{background-color:#b0c4de;border-radius:50%;color:#374151}.steps-timeline__label{background:#fff;border-radius:8px;padding:10px 16px;font-weight:600;font-size:.9375rem;color:#111827;box-shadow:0 2px 8px #00000014;flex:1}@keyframes how-to-register-progress{to{width:100%}}