@font-face{font-family:Benzin;src:url(/fonts/Benzin/Benzin-Bold.woff2)format("woff2"),url(/fonts/Benzin/Benzin-Bold.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:Benzin;src:url(/fonts/Benzin/Benzin-Semibold.woff2)format("woff2"),url(/fonts/Benzin/Benzin-Semibold.woff)format("woff");font-weight:600;font-style:normal}:root{--deep-blue:#102030;--lite-blue:#81aeff;--air-blue:#dae4ff;--mint:#73ffce}*{box-sizing:border-box}body{color:var(--deep-blue);background-color:#fff;margin:0;padding:0;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.login-container{width:100%;height:100vh;display:flex}.login-image-section{background-color:var(--air-blue);flex:1;transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex}.cover-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.login-form-section{background-color:#fff;flex:1;justify-content:center;align-items:center;display:flex}.login-box{flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px;display:flex;position:relative}.logo{filter:brightness(0);width:120px;margin-bottom:20px}h2{text-align:center;margin:0 0 34px;font-family:Benzin,sans-serif;font-size:34px;font-weight:700}.subtitle{color:var(--deep-blue);opacity:.6;text-align:center;margin-top:8px;margin-bottom:40px;font-size:14px;font-weight:500}form{flex-direction:column;gap:20px;width:100%;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--deep-blue);font-size:14px;font-weight:600}.input-group input{color:var(--deep-blue);background:#10203005;border:1px solid #10203026;border-radius:12px;padding:14px 16px;font-family:Gilroy,sans-serif;font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.otp-shell{background:0 0;border-radius:15px;padding:3px;position:relative;overflow:hidden}.otp-shell.is-checking{background:var(--lite-blue);animation:1.3s ease-in-out infinite otp-border-pulse}.otp-shell.is-checking:before{display:none}.input-group .otp-shell .otp-input{z-index:3;opacity:0;cursor:text;border:0;width:100%;height:100%;position:absolute;inset:0}.otp-cells{z-index:1;grid-template-columns:repeat(6,1fr);gap:8px;transition:opacity .35s,transform .45s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.otp-cells span{height:58px;color:var(--deep-blue);font-variant-numeric:tabular-nums;background:#fafbfc;border:1px solid #e2e6eb;border-radius:11px;place-items:center;font-size:25px;font-weight:600;transition:border-color .25s,box-shadow .25s,background .25s;display:grid}.otp-shell.is-checking .otp-cells span{background:#fffffff5;border-color:#81aeff3d;animation:1.05s ease-in-out infinite otp-cell-wave}.otp-shell.is-checking .otp-cells span:nth-child(2){animation-delay:80ms}.otp-shell.is-checking .otp-cells span:nth-child(3){animation-delay:.16s}.otp-shell.is-checking .otp-cells span:nth-child(4){animation-delay:.24s}.otp-shell.is-checking .otp-cells span:nth-child(5){animation-delay:.32s}.otp-shell.is-checking .otp-cells span:nth-child(6){animation-delay:.4s}@keyframes otp-cell-wave{0%,to{border-color:#81aeff3d;transform:translateY(0)}50%{border-color:var(--lite-blue);transform:translateY(-3px)}}.otp-shell:focus-within .otp-cells span.is-active{border-color:var(--lite-blue);background:#fff;box-shadow:0 0 0 3px #81aeff1f}@keyframes otp-border-pulse{0%,to{box-shadow:0 0 #81aeff14}50%{box-shadow:0 0 0 8px #81aeff2e}}.success-mark{z-index:2;opacity:0;background:var(--air-blue);border:0;border-radius:14px;place-items:center;width:58px;height:58px;display:grid;position:relative;transform:scale(.7);box-shadow:0 12px 32px #81aeff3d}.success-mark:after{content:"";border:2px solid var(--mint);border-radius:inherit;opacity:0;position:absolute;inset:-8px;transform:scale(.75)}.success-mark svg{fill:none;width:34px;stroke:var(--deep-blue);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.success-mark path{stroke-dasharray:20;stroke-dashoffset:20px}.otp-shell.is-success .otp-cells{opacity:0;transform:translate(42px)}.success-scene{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:3px}.login-box.is-success .success-mark{animation:.65s cubic-bezier(.16,1,.3,1) .32s forwards success-pop}.login-box.is-success .success-mark path{animation:.48s .68s forwards success-check}.login-box.is-success .success-mark:after{animation:.7s ease-out .52s forwards success-ripple}@keyframes success-pop{0%{opacity:0;transform:scale(.3)rotate(-15deg)}62%{opacity:1;transform:scale(1.12)rotate(3deg)}82%{opacity:1;transform:scale(.96)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes success-check{to{stroke-dashoffset:0}}@keyframes success-ripple{0%{opacity:.75;transform:scale(.75)}to{opacity:0;transform:scale(1.34)}}@media (width<=760px){.login-image-section{display:none}}.spinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.input-group input:focus{border-color:var(--lite-blue);background:#fff;outline:none;box-shadow:0 0 0 4px #81aeff1a}.login-button{background:var(--deep-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:10px;padding:16px;font-family:Gilroy,sans-serif;font-size:16px;font-weight:600;transition:all .2s}.login-button:hover{background:var(--lite-blue)}.login-button:active{transform:scale(.97)}.access-button{width:100%;color:var(--deep-blue);font:inherit;cursor:pointer;background:#fff;border:1px solid #d8dee7;border-radius:12px;margin-top:12px;padding:14px;font-weight:600;transition:border-color .2s,background .2s}.access-button:hover:not(:disabled){border-color:var(--lite-blue);background:#f7faff}.access-button:disabled{color:#9aa5b1;cursor:default}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border-radius:12px;width:100%;margin-bottom:20px;padding:12px;font-size:14px;font-weight:500}