.view-auth{position:relative;isolation:isolate;overflow:hidden}.view-auth:before,.view-auth:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform;animation:a26Drift 18s ease-in-out infinite alternate}.view-auth:before{width:70vmax;height:70vmax;left:-30vmax;top:-34vmax;background:var(--amber,#f5911e);opacity:.2}.view-auth:after{width:60vmax;height:60vmax;right:-28vmax;bottom:-30vmax;background:var(--signal,#e8481c);opacity:.16;animation-duration:24s;animation-delay:-7s}@keyframes a26Drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(6vmax,5vmax,0) scale(1.1)}to{transform:translate3d(-4vmax,8vmax,0) scale(.94)}}.a26-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 70%)}.view-auth .auth-card{position:relative;max-width:420px;padding:26px 22px 22px;border-radius:26px;background:#161a208c;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 30px 70px #00000073;animation:a26Card .7s cubic-bezier(.2,.8,.2,1) both}.view-auth .auth-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--a26-ang,0deg),transparent 0 72%,var(--amber,#f5911e) 82%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:a26Ang 7s linear infinite;opacity:.85}@property --a26-ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes a26Ang{to{--a26-ang:360deg}}@keyframes a26Card{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.view-auth .auth-brand{margin-bottom:22px}.view-auth .auth-brand-logo img{animation:a26Float 5s ease-in-out infinite}@keyframes a26Float{50%{transform:translateY(-4px) rotate(-2deg)}}.view-auth .auth-title{font-family:var(--font,inherit);font-weight:300;letter-spacing:-.03em;text-transform:none;font-size:clamp(26px,7vw,32px);line-height:1.1}.view-auth .auth-step:not([hidden]){animation:a26Step .45s cubic-bezier(.2,.8,.2,1) both}@keyframes a26Step{0%{opacity:0;transform:translate(22px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.view-auth .field label{font:500 13.5px/1.3 var(--font,inherit);letter-spacing:0;text-transform:none;color:var(--mute,#8d95a1);transition:color .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)}.view-auth .field:focus-within label{color:var(--amber,#f5911e);transform:translate(3px)}.view-auth .field input{min-height:52px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:border-color .2s ease,background-color .2s ease,box-shadow .25s ease}.view-auth .field input:hover{border-color:color-mix(in srgb,var(--amber,#f5911e) 40%,rgba(255,255,255,.12))}.view-auth .field input:focus{border-color:color-mix(in srgb,var(--amber,#f5911e) 80%,transparent);background:color-mix(in srgb,var(--amber,#f5911e) 8%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber,#f5911e) 16%,transparent)}.view-auth .field.has-error input{border-color:var(--signal,#e8481c);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal,#e8481c) 14%,transparent)}.a26-pw{position:relative;display:block}.a26-pw input{padding-right:52px}.a26-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--mute,#8d95a1);background:transparent;transition:color .2s ease,background-color .2s ease}.a26-eye:hover{color:var(--bone,#f4f1ea);background:#ffffff0f}.a26-eye:focus-visible{outline:2px solid var(--amber,#f5911e);outline-offset:1px}.a26-eye svg{width:20px;height:20px}.a26-eye .off{display:none}.a26-eye[aria-pressed=true]{color:var(--amber,#f5911e)}.a26-eye[aria-pressed=true] .on{display:none}.a26-eye[aria-pressed=true] .off{display:block}.view-auth .segbox input{border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:border-color .2s ease,background-color .2s ease,transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s ease}.view-auth .segbox input:focus{border-color:var(--amber,#f5911e);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber,#f5911e) 18%,transparent);transform:translateY(-2px)}.view-auth .segbox input.a26-filled{background:color-mix(in srgb,var(--amber,#f5911e) 14%,transparent);border-color:color-mix(in srgb,var(--amber,#f5911e) 55%,transparent);animation:a26Pop .3s cubic-bezier(.3,1.6,.5,1)}@keyframes a26Pop{50%{transform:scale(1.12)}}.view-auth .btn-primary{position:relative;overflow:hidden;min-height:54px;border-radius:16px;background:linear-gradient(135deg,var(--amber,#f5911e),color-mix(in srgb,var(--amber,#f5911e) 70%,var(--signal,#e8481c)));box-shadow:0 12px 30px color-mix(in srgb,var(--amber,#f5911e) 30%,transparent)}.view-auth .btn-primary:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);animation:a26Shine 5s ease-in-out 1.5s infinite}@keyframes a26Shine{0%,72%{transform:translate(-120%)}to{transform:translate(120%)}}.view-auth .btn-primary:hover{background:linear-gradient(135deg,var(--amber,#f5911e),color-mix(in srgb,var(--amber,#f5911e) 70%,var(--signal,#e8481c)));filter:brightness(1.07);transform:translateY(-1px)}.view-auth .btn-primary:disabled:after{display:none}.view-auth .biometric-btn,.view-auth .btn-ghost{border-radius:16px;min-height:52px;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.view-auth .biometric-btn:hover{transform:translateY(-1px);background:#ffffff0f}.view-auth .office-contact{border-radius:18px;background:#ffffff0a}.a26-ripple{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;background:#ffffff8c;transform:scale(0);animation:a26Ripple .65s ease-out forwards}@keyframes a26Ripple{to{transform:scale(40);opacity:0}}.view-auth .auth-step.a26-shake{animation:a26Shake .45s ease-out}@keyframes a26Shake{0%,to{transform:none}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.a26-done{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:none;background:#0a0c0f9e;animation:a26DoneIn .14s ease-out both,a26DoneOut .22s ease-in .46s forwards}.a26-done__disc{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--amber,#f5911e),var(--signal,#e8481c));box-shadow:0 18px 50px color-mix(in srgb,var(--amber,#f5911e) 35%,transparent);animation:a26DiscIn .38s cubic-bezier(.3,1.5,.5,1) both}.a26-done__disc:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;border:2px solid color-mix(in srgb,var(--amber,#f5911e) 70%,transparent);animation:a26RingOut .6s ease-out .1s both}.a26-done__disc svg{width:48px;height:48px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.a26-done__disc path{stroke-dasharray:60;stroke-dashoffset:60;animation:a26Draw .3s cubic-bezier(.6,0,.3,1) .14s forwards}.a26-done__disc i{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:2px;background:var(--amber,#f5911e);opacity:0;animation:a26Burst .55s cubic-bezier(.2,.8,.2,1) .16s both}.a26-done__disc i:nth-child(2n){background:#fff;border-radius:50%}.a26-done__disc i:nth-child(2){--r:0deg}.a26-done__disc i:nth-child(3){--r:45deg}.a26-done__disc i:nth-child(4){--r:90deg}.a26-done__disc i:nth-child(5){--r:135deg}.a26-done__disc i:nth-child(6){--r:180deg}.a26-done__disc i:nth-child(7){--r:225deg}.a26-done__disc i:nth-child(8){--r:270deg}.a26-done__disc i:nth-child(9){--r:315deg}@keyframes a26DoneIn{0%{opacity:0}}@keyframes a26DiscIn{0%{transform:scale(.3);opacity:0}}@keyframes a26RingOut{0%{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes a26Draw{to{stroke-dashoffset:0}}@keyframes a26Burst{0%{opacity:1;transform:rotate(var(--r,0deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--r,0deg)) translateY(-78px) scale(.4)}}@keyframes a26DoneOut{to{opacity:0;visibility:hidden}}.a26-done--calm .a26-done__disc path{stroke-dashoffset:0}@media(max-width:420px){.view-auth .auth-card{padding:22px 16px 18px;border-radius:22px}.view-auth .segbox{gap:6px}.view-auth .segbox input{width:clamp(36px,11vw,44px)}}.view-auth.a26-js .auth-step:not([hidden]){animation:none}.view-auth .auth-card{isolation:isolate}.a26-ghost{position:absolute;margin:0;pointer-events:none;z-index:2}.a26-errglow{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;z-index:3;box-shadow:0 0 0 1px var(--signal,#e8481c),0 0 0 6px color-mix(in srgb,var(--signal,#e8481c) 22%,transparent),0 0 46px color-mix(in srgb,var(--signal,#e8481c) 30%,transparent)}.view-auth .field-error:not(:empty){display:flex;align-items:center;gap:7px}.view-auth .field-error:not(:empty):before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--signal,#e8481c);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal,#e8481c) 20%,transparent)}.view-auth .btn-primary>span,.view-auth .biometric-btn>span,.view-auth .biometric-btn>svg{transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)}.a26-spin{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2.5px solid color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor;opacity:0;transform:scale(.5);pointer-events:none;transition:opacity .2s ease,transform .3s cubic-bezier(.3,1.4,.5,1)}.view-auth .a26-busy{cursor:progress}.view-auth .btn-primary.a26-busy:disabled{opacity:1}.view-auth .btn-primary.a26-busy:after{display:none}.view-auth .a26-busy>span,.view-auth .a26-busy>svg{opacity:0;transform:translateY(-10px)}.view-auth .a26-busy>.a26-spin{opacity:1;transform:scale(1);animation:a26Spin .7s linear infinite}.view-auth .biometric-btn{position:relative}@keyframes a26Spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-auth .segbox input[placeholder]{text-align:center;caret-color:var(--amber,#f5911e)}.view-auth .segbox input[placeholder]::placeholder{color:transparent}.view-auth .segbox input[placeholder]:not(:placeholder-shown){color:transparent;caret-color:transparent;text-shadow:none;background-image:radial-gradient(circle at 50% 50%,var(--bone,#f4f1ea) 0 5.5px,transparent 6.5px);background-color:color-mix(in srgb,var(--amber,#f5911e) 14%,transparent);border-color:color-mix(in srgb,var(--amber,#f5911e) 55%,transparent);animation:a26Dot .32s cubic-bezier(.3,1.6,.5,1)}@keyframes a26Dot{0%{transform:scale(.82)}55%{transform:scale(1.12)}to{transform:none}}@media(prefers-reduced-motion:reduce){.view-auth:before,.view-auth:after,.view-auth .auth-card,.view-auth .auth-card:before,.view-auth .auth-brand-logo img,.view-auth .auth-step:not([hidden]),.view-auth .btn-primary:after,.view-auth .segbox input.a26-filled,.view-auth .segbox input[placeholder]:not(:placeholder-shown),.view-auth .auth-step.a26-shake,.a26-ripple,.a26-done,.a26-done__disc,.a26-done__disc:after,.a26-done__disc path,.a26-done__disc i{animation:none!important}.view-auth .auth-card:before{opacity:.35}.a26-done{background:#0a0c0f80}.view-auth .a26-busy>.a26-spin{animation:a26Spin 1.4s linear infinite!important;animation-duration:1.4s!important;animation-iteration-count:infinite!important}.view-auth .a26-busy>span,.view-auth .a26-busy>svg{transform:none}.view-auth .field label,.view-auth .segbox input{transition:none}}
