.fl-input-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.fl-wrap{position:relative;display:flex;flex-direction:column;gap:4px}.fl-input{position:relative;display:flex;align-items:center;height:42px;padding:12px 12px 10px;gap:8px;border:1px solid var(--color-stroke-default);border-radius:var(--radius-md);background:var(--color-bg-default);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.fl-input:focus-within{border-color:var(--color-stroke-primary-hover);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-stroke-primary) 15%,transparent)}.fl-input.fl-error{border-color:var(--color-error-bg-alert)}.fl-input.fl-error:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error-bg-alert) 15%,transparent)}.fl-field{flex:1;min-width:0;padding:0;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:14px;color:var(--color-text-default)}.fl-field::placeholder{color:transparent}.fl-float{position:absolute;left:8px;top:50%;z-index:1;transform:translateY(-50%);padding:2px 4px;border-radius:var(--radius-xs);font-size:14px;line-height:1;color:var(--color-text-subtle-light);pointer-events:none;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),font-size var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.fl-field:focus+.fl-float,.fl-field:not(:placeholder-shown)+.fl-float{top:-10px;transform:translateY(0);font-size:12px;background:var(--color-bg-default)}.fl-helper{margin-top:4px;font-size:14px;color:var(--color-text-subtle-light)}.fl-helper-error{color:var(--color-error-bg-alert)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:10px var(--spacing-2xl);height:40px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;outline:none;transition:background-color var(--duration-instant) var(--ease-standard),color var(--duration-instant) var(--ease-standard),border-color var(--duration-instant) var(--ease-standard),box-shadow var(--duration-instant) var(--ease-standard)}.btn[data-size=lg]{height:48px;padding:12px var(--spacing-2xl);font-size:16px}.btn[data-full-width]{display:flex;width:100%}.btn-filled{border:none;background:var(--color-bg-primary-default);color:var(--color-text-inverse)}.btn-filled:hover,.btn-filled:focus-visible{background:var(--color-bg-primary-hover)}.btn-filled:focus-visible{box-shadow:0 0 0 2px var(--color-stroke-primary)}.btn-filled:disabled{opacity:.5;cursor:not-allowed}.alert{display:flex;gap:12px;padding:16px;border-radius:var(--radius-md);font-family:var(--font-sans)}.alert-danger{background:var(--color-error-bg)}.alert-danger .alert-title,.alert-danger .alert-text{color:var(--color-error-bg-alert)}.alert-icon{display:flex;flex-shrink:0;width:24px;height:24px;color:var(--color-error-bg-alert)}.alert-body{display:flex;flex-direction:column;gap:6px;min-width:0}.alert-title{font-size:16px;font-weight:var(--font-weight-semibold);line-height:1.5}.alert-text{margin:0;font-size:14px;line-height:21px}@property --ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.brand{position:fixed;top:var(--spacing-2xl);left:var(--spacing-2xl);z-index:2;display:flex;align-items:center}.brand__mark{width:8.75rem;height:auto}.brand__mark path{fill:var(--color-text-default)}.brand__mark path:first-child{fill:var(--color-text-brand)}.auth{position:relative;z-index:1;display:grid;place-items:center;min-height:100dvh;padding:var(--spacing-6xl) var(--spacing-xl) var(--spacing-2xl)}.stage{display:grid;width:min(26rem,100%)}@media(min-width:62rem){.stage{justify-self:end;margin-right:clamp(0rem,7vw,9rem)}}.panel{position:relative;display:flex;flex-direction:column;grid-area:1 / 1;gap:var(--spacing-4xl);padding:var(--spacing-2xl);border:1px solid color-mix(in srgb,var(--color-text-default) 14%,transparent);border-radius:var(--radius-4xl) var(--radius-4xl) 0 var(--radius-4xl);background:color-mix(in srgb,var(--color-blue-cygnus-100) 58%,transparent);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:0 1px color-mix(in srgb,var(--color-text-default) 8%,transparent) inset,0 2rem 4rem -2rem color-mix(in srgb,var(--color-blue-cygnus-100) 90%,transparent)}.panel[hidden]{display:none}.panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:2;padding:2px;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--color-stroke-primary) 70%,transparent),transparent 42% 58%,color-mix(in srgb,var(--color-text-brand) 55%,transparent)),color-mix(in srgb,var(--color-text-default) 8%,transparent);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;opacity:.5;transition:opacity var(--duration-slow) var(--ease-standard),padding var(--duration-base) var(--ease-standard);pointer-events:none}.panel__beam{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:3;padding:2px;border-radius:inherit;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}.panel__beam>span{position:absolute;top:0;left:0;width:4rem;aspect-ratio:1;background:linear-gradient(to left,var(--color-text-brand) 0%,color-mix(in srgb,var(--color-stroke-primary) 85%,transparent) 45%,transparent 100%);offset-path:inset(0 round var(--radius-4xl) var(--radius-4xl) 0 var(--radius-4xl));offset-rotate:auto;opacity:.85;animation:lap 2.8s linear infinite;transition:opacity var(--duration-slow) var(--ease-standard)}.panel:hover:before,.panel:focus-within:before{opacity:1}.panel:focus-within:before{padding:3px}.panel:hover .panel__beam>span,.panel:focus-within .panel__beam>span{opacity:1}@keyframes lap{to{offset-distance:100%}}@supports not (offset-path: inset(0)){.panel:before{background:conic-gradient(from var(--ring-angle),transparent 0deg,color-mix(in srgb,var(--color-stroke-primary) 90%,transparent) 42deg,color-mix(in srgb,var(--color-text-brand) 70%,transparent) 78deg,transparent 130deg);animation:ring-sweep 4s linear infinite}.panel:hover:before,.panel:focus-within:before{opacity:1}.panel__beam{display:none}}@keyframes ring-sweep{to{--ring-angle: 360deg}}.panel__head{display:flex;flex-direction:column;gap:var(--spacing-xs)}.panel__title{font-size:clamp(1.375rem,1.2rem + .6vw,1.625rem);font-weight:var(--font-weight-semibold);line-height:1.15;letter-spacing:-.015em;color:var(--color-text-default)}.panel__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.panel__foot{display:flex;justify-content:center}.auth-body .btn-filled{position:relative;overflow:hidden;isolation:isolate}.auth-body .btn-filled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 44%,color-mix(in srgb,var(--color-base-white) 45%,transparent) 50%,transparent 56%);background-size:200% 100%;animation:btn-shimmer 3.6s var(--ease-standard) infinite;pointer-events:none}@keyframes btn-shimmer{0%{background-position:130% 0}40%,to{background-position:-30% 0}}.auth-body .fl-input{border-color:color-mix(in srgb,var(--color-text-default) 16%,transparent);background:color-mix(in srgb,var(--color-text-default) 4%,transparent)}.auth-body .fl-input:focus-within{border-color:var(--color-stroke-primary);background:color-mix(in srgb,var(--color-text-default) 7%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-stroke-primary) 22%,transparent)}.auth-body .fl-field:focus+.fl-float,.auth-body .fl-field:not(:placeholder-shown)+.fl-float{top:calc(-1 * var(--spacing-2xl));left:2px;background:transparent;color:var(--color-text-muted);font-size:.75rem}.auth-body .fl-field:focus+.fl-float{color:var(--color-text-cta-alt)}.slots{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--spacing-xs);cursor:text}.slots__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;opacity:0;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slots__slot{position:relative;display:grid;place-items:center;height:3.5rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-text-default) 18%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-blue-cygnus-100) 45%,transparent);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.slots:focus-within .slots__slot{border-color:color-mix(in srgb,var(--color-stroke-primary) 55%,transparent)}.slots__slot[data-active]{border-color:var(--color-stroke-primary);background:color-mix(in srgb,var(--color-blue-cygnus-100) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-stroke-primary) 22%,transparent)}.slots__digit{font-family:var(--font-sans);font-size:1.375rem;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:1;color:var(--color-text-default)}.slots[data-complete] .slots__slot{border-color:color-mix(in srgb,var(--color-success-bg-alert) 60%,transparent);background:color-mix(in srgb,var(--color-success-bg-alert) 12%,transparent);transition-delay:calc(var(--i, 0) * 45ms)}.slots[data-status=error] .slots__slot{border-color:color-mix(in srgb,var(--color-error-bg-alert) 60%,transparent)}.slots__caret{position:absolute;top:25%;left:0;z-index:3;width:1.5px;height:50%;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.slots__caret i{display:block;width:100%;height:100%;background:var(--color-text-brand)}.slots:focus-within .slots__caret{opacity:1}.slots[data-complete] .slots__caret{opacity:0}.link{padding:var(--spacing-xxs) var(--spacing-xs);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);font-family:var(--font-sans);font-size:.8125rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}.link:hover:not(:disabled){color:var(--color-text-default)}.link:disabled{cursor:default;opacity:.7}.link:focus-visible{outline:2px solid var(--color-stroke-primary);outline-offset:2px}.panel--success{align-items:center;gap:var(--spacing-lg);padding-block:var(--spacing-5xl);text-align:center}.check{width:4.5rem;height:4.5rem;fill:none;stroke:var(--color-success-bg-alert);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.check__arc{opacity:.55;stroke-dasharray:190;stroke-dashoffset:190}.check__mark{stroke-dasharray:46;stroke-dashoffset:46}.panel--success:not([hidden]) .check__arc{animation:check-draw 1.1s var(--ease-standard) forwards}.panel--success:not([hidden]) .check__mark{animation:check-draw .55s var(--ease-emphasized) .45s forwards}@keyframes check-draw{to{stroke-dashoffset:0}}.dock{position:fixed;left:var(--spacing-xl);top:50%;z-index:3;display:flex;flex-direction:column;gap:var(--spacing-xl);transform:translateY(-50%)}.dock:before{content:"";position:absolute;left:.675rem;top:.4rem;bottom:.4rem;width:1px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-text-default) 22%,transparent),transparent)}.dock__item{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:0;border:none;background:none;color:var(--color-text-muted);font-family:var(--font-sans);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-base) var(--ease-standard)}.dock__index{position:relative;z-index:1;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-blue-cygnus-100) 90%,transparent);font-size:.625rem;letter-spacing:0;font-variant-numeric:tabular-nums;transition:background-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.dock__name{opacity:0;transform:translate(-.25rem);transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.dock__item:hover,.dock__item:focus-visible,.dock__item[aria-current]{color:var(--color-text-default)}.dock__item:hover .dock__name,.dock__item:focus-visible .dock__name,.dock__item[aria-current] .dock__name{opacity:1;transform:translate(0)}.dock__item[aria-current] .dock__index{color:var(--color-blue-cygnus-100);background:var(--color-text-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-text-brand) 18%,transparent)}.dock__item:focus-visible{outline:none}.dock__item:focus-visible .dock__index{box-shadow:0 0 0 2px var(--color-stroke-primary)}.guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.guide__beam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.guide__beam line{stroke:color-mix(in srgb,var(--color-text-brand) 55%,transparent);stroke-width:1;stroke-dasharray:2 6;stroke-linecap:round}.guide.is-on .guide__beam{opacity:1;animation:beam-flow 1.6s linear infinite}@keyframes beam-flow{to{stroke-dashoffset:-16}}.guide__orb{position:absolute;right:var(--spacing-xl);bottom:var(--spacing-xl);width:.6rem;height:.6rem;border-radius:var(--radius-full);background:var(--color-text-brand);box-shadow:0 0 color-mix(in srgb,var(--color-text-brand) 45%,transparent);animation:orb-pulse 3.4s var(--ease-emphasized) infinite}.guide.is-on .guide__orb{animation-duration:1.1s}@keyframes orb-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-text-brand) 40%,transparent)}55%{box-shadow:0 0 0 .55rem color-mix(in srgb,var(--color-text-brand) 0%,transparent)}}@media(max-width:61.99rem){.brand{top:var(--spacing-lg);left:var(--spacing-lg)}.brand__mark{width:6rem}.dock{left:50%;top:auto;bottom:var(--spacing-lg);flex-direction:row;gap:var(--spacing-2xl);transform:translate(-50%)}.dock:before{left:.4rem;right:.4rem;top:.675rem;bottom:auto;width:auto;height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color-text-default) 22%,transparent),transparent)}.dock__name{display:none}.auth{padding:var(--spacing-7xl) var(--spacing-lg) calc(var(--spacing-5xl) + var(--spacing-lg))}.guide__orb{right:var(--spacing-lg);bottom:var(--spacing-6xl)}}@media(prefers-reduced-motion:reduce){.panel:before,.guide.is-on .guide__beam,.guide__orb{animation:none}.panel__beam>span{animation:none;opacity:0}.auth-body .btn-filled:after{animation:none;background-position:78% 0}.panel--success:not([hidden]) .check__arc,.panel--success:not([hidden]) .check__mark{animation:none;stroke-dashoffset:0}.slots__caret i{animation:none}.guide__beam,.dock__name,.slots__slot,.link{transition:none}}
