.login-experience{--login-forest:#173d34;--login-forest-deep:#0d2b24;--login-celadon:#a9c7ba;--login-clay:#b97952;background:var(--porcelain-deep);grid-template-columns:minmax(38rem,1fr) minmax(24.5rem,27rem);gap:.75rem;min-height:100dvh;padding:.75rem;display:grid}.login-story{isolation:isolate;min-width:0;min-height:43.75rem;color:var(--login-forest-deep);background:radial-gradient(circle at 91% 8%,#ffffffc7,#0000 24rem),radial-gradient(circle at 2% 100%,#37715c17,#0000 30rem),linear-gradient(140deg,#f2efe8 0%,#e8e4da 58%,#ded8cc 100%);border:1px solid #233f3517;border-radius:1.75rem;flex-direction:column;padding:clamp(1.875rem,3vw,3rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,0 1.625rem 4.375rem #20302a14}.login-story:before,.login-story:after{z-index:-1;content:"";pointer-events:none;position:absolute}.login-story:before{aspect-ratio:1;border:1px solid #173d3412;border-radius:50%;width:min(48vw,42rem);top:-12rem;right:-8rem;box-shadow:0 0 0 5rem #ffffff14,0 0 0 10rem #173d3406}.login-story:after{opacity:.2;background-image:linear-gradient(#173d340a 1px,#0000 1px),linear-gradient(90deg,#173d340a 1px,#0000 1px);background-size:5.25rem 5.25rem;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 64%);mask-image:linear-gradient(#000,#0000 64%)}.login-story__brand,.login-form__brand{align-items:center;gap:.75rem;display:flex}.login-story__brand{z-index:2;position:relative}.login-story__mark,.login-form__brand>span{color:#f8f6ef;background:var(--login-forest-deep);font-family:var(--font-display);border:1px solid #ffffff40;place-items:center;display:grid;box-shadow:0 .5625rem 1.5rem #0d2b2426,inset 0 1px #ffffff24}.login-story__mark{border-radius:.8125rem;width:2.4375rem;height:2.4375rem;font-size:1.0625rem}.login-story__brand>div,.login-form__brand>div{gap:.0625rem;display:grid}.login-story__brand strong,.login-form__brand strong{color:var(--login-forest-deep);letter-spacing:.12em;font-size:.8125rem}.login-story__brand span:last-child{color:#173d3487;letter-spacing:.025em;font-size:.75rem}.login-story__copy{z-index:2;width:min(42.5rem,88%);margin-top:clamp(2.75rem,6vh,4.75rem);position:relative}.login-story__kicker{color:#173d349e;letter-spacing:.1em;align-items:center;gap:.5625rem;font-size:.75rem;font-weight:720;display:inline-flex}.login-story__kicker:before{content:"";background:var(--login-clay);width:1.4375rem;height:1px}.login-story__copy h2{max-width:41rem;color:var(--login-forest-deep);font-family:var(--font-sans);letter-spacing:-.055em;text-wrap:balance;margin:.875rem 0;font-size:clamp(2.625rem,4.25vw,4rem);font-weight:670;line-height:1.08}.login-story__copy p{color:#173d34a8;max-width:38rem;margin:0;font-size:clamp(.8125rem,1.05vw,.9375rem);line-height:1.72}.login-workflow{z-index:2;-webkit-backdrop-filter:blur(1.375rem)saturate(1.06);backdrop-filter:blur(1.375rem)saturate(1.06);background:#fefdf8cc;border:1px solid #ffffffe0;border-radius:1.25rem;width:min(52.5rem,96%);margin-top:auto;position:relative;overflow:hidden;box-shadow:0 1.5625rem 4.375rem #1c352c21,inset 0 0 0 1px #173d340d}.login-workflow__header{background:#ffffff6b;border-bottom:1px solid #173d3414;justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;padding:.875rem 1rem;display:flex}.login-workflow__header>div{gap:.1875rem;display:grid}.login-workflow__header span{color:var(--login-clay);font:.75rem var(--font-mono);letter-spacing:.12em}.login-workflow__header strong{color:var(--login-forest-deep);letter-spacing:-.01em;font-size:.8125rem}.login-workflow__header small{color:#173d3473;white-space:nowrap;font-size:.75rem}.login-workflow__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;padding:.625rem;display:grid;position:relative}.login-workflow__steps:before{content:"";background:#173d341f;height:1px;position:absolute;top:2.25rem;left:14%;right:14%}.login-workflow__step{min-width:0;min-height:10.5rem;color:var(--login-forest-deep);background:#ffffff8a;border:1px solid #173d3412;border-radius:.875rem;grid-template-rows:auto 1fr;grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem .625rem;padding:.875rem;display:grid;position:relative}.login-workflow__number{color:#173d3454;font:.75rem var(--font-mono);letter-spacing:.08em;position:absolute;top:1rem;right:.875rem}.login-workflow__icon{width:2.25rem;height:2.25rem;color:var(--login-forest);background:#e6eee8;border:1px solid #173d3414;border-radius:.6875rem;grid-row:1;place-items:center;display:grid}.login-workflow__step>div{grid-area:2/1/auto/-1;align-self:end}.login-workflow__step>div>span{color:var(--login-clay);letter-spacing:.04em;font-size:.75rem;font-weight:720}.login-workflow__step strong{color:inherit;letter-spacing:-.02em;margin-top:.3125rem;font-size:.875rem;display:block}.login-workflow__step p{color:#173d348a;margin:.4375rem 0 0;font-size:.75rem;line-height:1.55}.login-workflow__step.is-active{color:#fff;background:radial-gradient(circle at 92% 3%, #a9c7ba36, transparent 9rem), linear-gradient(145deg, var(--login-forest-deep), #1d4d40);border-color:#173d3457;box-shadow:0 .75rem 1.75rem #0d2b2426}.login-workflow__step.is-active .login-workflow__number{color:#fff6}.login-workflow__step.is-active .login-workflow__icon{color:var(--login-forest-deep);background:#f0eadf;border-color:#ffffff1f}.login-workflow__step.is-active>div>span{color:var(--login-celadon)}.login-workflow__step.is-active p{color:#edf3f0a6}.login-workflow__footer{border-top:1px solid #173d3414;align-items:center;gap:.4375rem;min-height:2.875rem;padding:.5rem .75rem;display:flex}.login-workflow__footer>span{color:#173d34a8;background:#ffffff94;border:1px solid #173d3412;border-radius:.5rem;align-items:center;gap:.3125rem;min-height:1.5625rem;padding:0 .5rem;font-size:.75rem;font-weight:680;display:inline-flex}.login-workflow__footer>span svg{color:var(--login-clay)}.login-workflow__footer small{color:#173d346b;margin-left:auto;font-size:.75rem}.login-experience__form{background:radial-gradient(circle at 100% 0%, #b979520f, transparent 19rem), var(--paper);border:1px solid #182c2514;border-radius:1.75rem;place-items:center;min-width:0;min-height:calc(100dvh - 1.5rem);padding:clamp(2.25rem,3.8vw,3.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1.375rem 3.75rem #0b18130f}.login-form__brand{position:absolute;inset:2rem auto auto clamp(2.25rem,3.8vw,3.5rem)}.login-form__brand>span{border-radius:.6875rem;width:2.125rem;height:2.125rem;font-size:.875rem}.login-form__brand strong{color:var(--ink-950);letter-spacing:.1em;font-size:.8125rem}.login-form__brand small{color:var(--text-tertiary);font-size:.75rem}.login-form__wrap{gap:1.75rem;width:min(100%,22rem);display:grid}.login-form__header{grid-template-columns:2.125rem minmax(0,1fr);gap:.75rem;display:grid}.login-form__security{width:2.125rem;height:2.125rem;color:var(--forest-700);background:var(--jade-100);border-radius:.6875rem;place-items:center;display:grid}.login-form__header>div{gap:0;display:grid}.login-form__header .eyebrow{color:var(--forest-700);letter-spacing:.08em;font-size:.75rem;font-weight:720}.login-form__header h1{color:var(--ink-950);font-family:var(--font-sans);letter-spacing:-.045em;margin-top:.25rem;font-size:clamp(1.75rem,2.45vw,2.1875rem);font-weight:690;line-height:1.16}.login-form__header p{color:var(--text-secondary);font-size:var(--text-small);margin-top:.5rem;line-height:1.55}.login-form{gap:1rem;display:grid}.login-form .control{gap:.4375rem}.login-form .control__label{color:var(--text-secondary);font-size:var(--text-small);font-weight:650}.login-form .input{min-height:3.3125rem;color:var(--ink-950);border-color:var(--line-strong);background:#f9f8f4;border-radius:.75rem;padding:0 .875rem;font-size:.875rem;box-shadow:inset 0 1px #ffffffd9}.login-form .input:focus{background:var(--paper);border-color:#245d4c7a;box-shadow:0 0 0 4px #245d4c17}.login-form .button{border-radius:.75rem;width:100%;min-height:3.25rem;margin-top:.25rem;box-shadow:0 .6875rem 1.625rem #173d3430}.login-form__password-hint{color:var(--text-tertiary);margin:-.25rem 0 0;font-size:.75rem;line-height:1.5}.login-form__error{gap:var(--space-2);padding:var(--space-3);color:var(--danger-600);background:var(--danger-100);border-radius:var(--radius-control);font-size:var(--text-small);align-items:flex-start;line-height:1.5;display:flex}.login-form__error>svg{flex:none;margin-top:.1rem}.login-form__footer{justify-content:center;align-items:flex-start;gap:var(--space-2);padding-top:var(--space-5);color:var(--text-tertiary);border-top:1px solid var(--line-soft);text-align:center;font-size:.75rem;line-height:1.5;display:flex}.login-form__footer>svg{color:var(--forest-700);flex:none}@media (max-width:73.75rem){.login-experience{grid-template-columns:minmax(33.75rem,1fr) minmax(23.125rem,25.625rem)}.login-story__copy{width:94%}.login-workflow__step{padding:.75rem}}@media (max-width:61.25rem){.login-experience{grid-template-columns:1fr;gap:.625rem;padding:.625rem}.login-experience__form{order:-1;min-height:calc(100dvh - 1.25rem)}.login-story{min-height:auto}.login-story__copy{margin-top:2.5rem}.login-story__copy h2{font-size:clamp(2.375rem,7vw,3.5rem)}.login-workflow{width:min(50rem,100%);margin-top:2.25rem}}@media (max-width:42.5rem){.login-experience{background:var(--paper);min-height:100dvh;padding:0;display:block}.login-story{display:none}.login-experience__form{min-height:100dvh;padding:calc(var(--safe-top) + 5.75rem) max(1.25rem, var(--safe-right)) calc(var(--safe-bottom) + 1.5rem) max(1.25rem, var(--safe-left));box-shadow:none;border:0;border-radius:0;align-content:start;place-items:start stretch}.login-form__brand{inset:calc(var(--safe-top) + 1.5rem) auto auto max(1.25rem, var(--safe-left))}.login-form__wrap{gap:1.35rem;width:100%;max-width:28rem;margin-inline:auto}.login-form__brand strong,.login-form__brand small,.login-form__header .eyebrow,.login-form__header p,.login-form .control__label,.login-form__password-hint,.login-form__footer{font-size:var(--text-small)}.login-form .input{font-size:1rem}}@media (max-width:26.25rem){.login-experience{background:var(--paper);padding:0}.login-story{border:0;border-radius:0 0 1.5rem 1.5rem;min-height:auto}.login-story__brand span:last-child{display:none}.login-story__copy h2{font-size:2.25rem}.login-story__copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.login-experience__form{min-height:100dvh;box-shadow:none;border:0;border-radius:0}}@media (prefers-reduced-motion:reduce){.login-form .button{transition:none}}@media (forced-colors:active){.login-workflow,.login-workflow__step{border:1px solid canvastext}}
