.marketing-auth{padding-block:0 clamp(4rem,8vw,6.5rem)}.marketing-auth__shell{display:flex;justify-content:center}.marketing-auth__panel{--auth-inset: clamp(1.75rem, 3vw, 2.25rem);--auth-scale-gutter: .4rem;width:100%;max-width:28rem;padding:0;overflow:visible;border:1px solid var(--marketing-color-border);border-radius:0;background:var(--marketing-color-surface);text-align:center}.marketing-auth__tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:var(--auth-inset) var(--auth-inset) 1.75rem;padding:.3rem;border:1px solid var(--marketing-color-border);border-radius:var(--marketing-radius-pill);background:var(--marketing-color-surface)}.marketing-auth__tabs-thumb{position:absolute;top:.3rem;bottom:.3rem;left:.3rem;width:calc(50% - .3rem);border-radius:var(--marketing-radius-pill);background:var(--marketing-color-text);transition:transform .4s var(--marketing-ease-in-out);will-change:transform;pointer-events:none;z-index:0}.marketing-auth__tabs-thumb.is-register{transform:translate(100%)}.marketing-auth.is-reduced-motion .marketing-auth__tabs-thumb{transition:none}.marketing-auth__tab{position:relative;z-index:1;min-height:2.5rem;padding:.6rem .75rem;border:0;border-radius:var(--marketing-radius-pill);background:transparent;color:var(--marketing-color-text-muted);font:inherit;font-weight:600;font-size:.9375rem;cursor:pointer;transition:color .4s var(--marketing-ease-in-out)}.marketing-auth__tab.is-active{color:var(--marketing-color-surface)}.marketing-auth__stage{position:relative;margin:0 calc(var(--auth-inset) - var(--auth-scale-gutter)) calc(var(--auth-inset) - var(--auth-scale-gutter));overflow:hidden;transition:height .4s var(--marketing-ease-in-out);will-change:height}.marketing-auth.is-reduced-motion .marketing-auth__stage{transition:none}.marketing-auth__form-wrap{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;padding:var(--auth-scale-gutter);opacity:0;transform:translate3d(1.25rem,0,0);transition:opacity .4s var(--marketing-ease-in-out),transform .4s var(--marketing-ease-in-out);pointer-events:none;visibility:hidden;will-change:transform,opacity}.marketing-auth__form-wrap.is-active{position:relative;opacity:1;transform:translateZ(0);pointer-events:auto;visibility:visible}.marketing-auth__form-wrap:not(.is-active){position:absolute;inset:0 auto auto 0;width:100%}.marketing-auth__form-wrap.is-exit-left,.marketing-auth__form-wrap.is-enter-from-left{transform:translate3d(-1.25rem,0,0)}.marketing-auth__form-wrap.is-enter-from-right{transform:translate3d(1.25rem,0,0)}.marketing-auth.is-reduced-motion .marketing-auth__form-wrap{transition:none;transform:none}.marketing-auth__form-title{margin:0 0 .35rem;font-family:var(--marketing-font-display);font-size:1.5rem;font-weight:600;letter-spacing:var(--marketing-tracking-tight);text-align:center}.marketing-auth__form-lead{margin:0 0 1.25rem;color:var(--marketing-color-text-muted);font-size:.975rem;text-align:center}.marketing-auth__social{display:flex;flex-direction:column;gap:.85rem;margin:0 0 .25rem}.marketing-auth__social-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:2.875rem;padding:.7rem 1rem;border:1px solid var(--marketing-color-border);border-radius:.85rem;background:var(--marketing-color-surface);color:var(--marketing-color-text);font:inherit;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color var(--marketing-motion-fast) var(--marketing-ease-out),background-color var(--marketing-motion-fast) var(--marketing-ease-out),transform var(--marketing-motion-fast) var(--marketing-ease-out)}.marketing-auth__social-btn:hover{border-color:#0a0a0b47;background:var(--marketing-color-secondary-hover, #f5f5f5)}.marketing-auth__social-btn:active{transform:translate3d(0,1px,0)}.marketing-auth__social-icon{width:1.15rem;height:1.15rem;flex-shrink:0;display:block}.marketing-auth__social-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:.15rem 0 .35rem;color:var(--marketing-color-text-muted);font-size:.8125rem;font-weight:500}.marketing-auth__social-divider:before,.marketing-auth__social-divider:after{content:"";height:1px;background:var(--marketing-color-border)}.marketing-auth__social-divider span{line-height:1}.marketing-auth__form{display:flex;flex-direction:column;gap:1rem;text-align:left}.marketing-auth__submit{width:100%;margin-top:.5rem;transform-origin:center center}.marketing-auth__submit:disabled{opacity:.65;cursor:wait;transform:none}.marketing-auth__success{padding:1.5rem 0 .5rem;text-align:center}.marketing-auth__success-title{margin:0 0 .5rem;font-family:var(--marketing-font-display);font-size:1.35rem;font-weight:600}.marketing-auth__success-message{margin:0;color:var(--marketing-color-text-muted)}.marketing-field{display:flex;flex-direction:column;gap:.4rem}.marketing-field__label{font-size:.875rem;font-weight:600;color:var(--marketing-color-text)}.marketing-field__input,.marketing-field__textarea{width:100%;min-height:2.875rem;padding:.75rem 1rem;border:1px solid var(--marketing-color-border);border-radius:.85rem;background:var(--marketing-color-surface);color:var(--marketing-color-text);font:inherit;font-size:1rem;transition:border-color var(--marketing-motion-fast) var(--marketing-ease-out),box-shadow var(--marketing-motion-fast) var(--marketing-ease-out),transform var(--marketing-motion-fast) var(--marketing-ease-out)}.marketing-field__textarea{min-height:8rem;resize:vertical}.marketing-field__input:focus,.marketing-field__textarea:focus{outline:none;border-color:var(--marketing-color-text);box-shadow:0 0 0 3px #2f6bff26}.marketing-field__input.is-invalid,.marketing-field__textarea.is-invalid{border-color:#c23b3b}.marketing-field__error{margin:0;font-size:.8125rem;color:#c23b3b}@media(max-width:639px){html[data-page-key=auth] .marketing-page-hero--compact{padding-block:.65rem .45rem}html[data-page-key=auth] .marketing-page-hero--compact .marketing-page-hero__title{font-size:1.45rem}html[data-page-key=auth] .marketing-page-hero--compact .marketing-page-hero__lead{margin-top:.45rem;font-size:.9rem}.marketing-auth{padding-block:0 .5rem}.marketing-auth__panel{--auth-inset: .9rem}.marketing-auth__tabs{margin-bottom:.7rem}.marketing-auth__form-title{font-size:1.2rem}.marketing-auth__form-lead{display:none}.marketing-auth__form{gap:.45rem}.marketing-auth__social-btn{min-height:2.45rem}.marketing-auth .marketing-field{gap:.2rem}.marketing-auth .marketing-field__input{min-height:2.45rem;padding-block:.55rem}.marketing-auth__submit{margin-top:.25rem;min-height:2.75rem}}
