.login-stage{--login-platinum:#f4f6ff;--login-muted:#aeb6e0;--login-accent:#8488c4;--login-gold:var(--color-gold);--login-ease:cubic-bezier(.22, .61, .3, 1);height:100dvh;font-family:var(--font-sans);color:var(--login-platinum);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(120% 100% at 46% 34%,#2c2e904d,#0000 58%),radial-gradient(140% 130% at 92% 108%,#000214d1,#0000 60%),linear-gradient(165deg,#14234b 0%,#0d1733 42%,#000571 74%,#05081f 100%);position:fixed;inset:0;overflow:hidden}.login-mark{z-index:1;pointer-events:none;width:clamp(340px,40vw,620px);height:clamp(360px,64vh,680px);position:absolute;top:50%;left:clamp(10%,18vw,26%);transform:translateY(-50%)}.login-mark-svg{width:100%;height:100%;overflow:visible}.login-bar{stroke:#acc2ff47;stroke-width:1px;vector-effect:non-scaling-stroke}.login-bar-rise{transform-box:fill-box;transform-origin:50% 100%;animation:login-bar-grow .8s var(--login-ease) both}@keyframes login-bar-grow{0%{opacity:0;transform:scaleY(.08)}to{opacity:.5;transform:scaleY(1)}}.login-vignette{z-index:3;pointer-events:none;background:radial-gradient(150% 125% at 45% 42%,#0000 58%,#03051480 100%);position:absolute;inset:0}.login-shell{z-index:5;-webkit-overflow-scrolling:touch;flex-direction:column;gap:clamp(20px,4vh,40px);padding:clamp(24px,6vw,48px) clamp(20px,6vw,44px);display:flex;position:absolute;inset:0;overflow:hidden auto}.login-lockup{opacity:0;animation:login-fade 1.1s var(--login-ease) .2s forwards;flex:none}.login-lockup-row{align-items:center;gap:14px;display:flex}.login-lockup-mark{width:auto;height:30px}.login-word{line-height:1}.login-word b{letter-spacing:-.01em;color:var(--login-platinum);font-size:26px;font-weight:800;display:block}.login-word span{color:#aeb6e099;margin-top:5px;font-size:11px;font-weight:500;display:block}.login-cardslot{flex:1 0 auto;grid-template-columns:minmax(0,1fr);place-items:center;padding:clamp(12px,3vh,28px) 0;display:grid}.login-statement{text-align:left;opacity:0;animation:login-fade 1.3s var(--login-ease) 1.3s forwards;flex:none}.login-statement .s1{color:var(--login-platinum);font-size:clamp(18px,2.4vw,20px);font-weight:600;line-height:1.1}.login-statement .s2{letter-spacing:.14em;color:#aeb6e08c;margin-top:4px;font-size:10.5px;font-weight:500}.login-card{-webkit-backdrop-filter:blur(26px)saturate(140%);backdrop-filter:blur(26px)saturate(140%);opacity:0;width:min(100%,420px);animation:login-card-enter 1.1s var(--login-ease) .75s forwards;background:linear-gradient(160deg,#1315569e,#06081e94);border:1px solid #c8a53a2e;border-radius:20px;padding:clamp(28px,5.2vw,44px) clamp(24px,4.8vw,40px) clamp(28px,4.6vw,38px);position:relative;transform:translateY(18px);box-shadow:inset 0 1px #f4f6ff14,0 40px 110px -50px #000428e6,0 12px 40px -24px #0009}.login-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--login-gold);margin-bottom:10px;font-size:11px;font-weight:700}.login-heading{letter-spacing:-.01em;color:var(--login-platinum);font-size:clamp(24px,4.6vw,32px);font-weight:700;line-height:1.08}.login-subhead{color:var(--login-muted);margin-top:11px;font-size:13.5px;font-weight:400;line-height:1.55}.login-subhead strong{color:var(--login-platinum);font-weight:600}.login-form{margin-top:26px}.login-label{letter-spacing:.08em;text-transform:uppercase;color:#aeb6e0bf;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.login-input{width:100%;font-family:var(--font-sans);color:var(--login-platinum);transition:border-color .25s var(--login-ease), box-shadow .25s var(--login-ease), background .25s ease;background:#0506208c;border:1px solid #c8a53a29;border-radius:10px;outline:none;margin-top:8px;padding:13px 14px;font-size:16px;font-weight:400}.login-input::placeholder{color:#aeb6e066}.login-input:focus{background:#080928b3;border-color:#c8a53a80;box-shadow:0 0 0 3px #8488c438}.login-input-otp{text-align:center;letter-spacing:.4em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.login-input-otp::placeholder{letter-spacing:.4em;font-weight:400}.login-btn{width:100%;font-family:var(--font-sans);color:var(--login-platinum);cursor:pointer;transition:filter .25s ease, box-shadow .3s var(--login-ease), transform .2s var(--login-ease);-webkit-tap-highlight-color:transparent;background:linear-gradient(#3d3ad6,#2a29a0);border:1px solid #94b9ff47;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:13px 18px;font-size:14.5px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #f4f6ff33,0 10px 28px -14px #3a3ac8bf}.login-arrow{width:17px;height:17px;transition:transform .3s var(--login-ease)}.login-btn:hover:not(:disabled) .login-arrow{transform:translate(4px)}.login-btn:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 0%,#f4f6ff66 50%,#0000 100%);width:45%;position:absolute;inset:0 0 0 -75%;transform:skew(-20deg)}.login-btn:hover:not(:disabled):before{animation:login-btn-sheen .85s var(--login-ease)}@keyframes login-btn-sheen{0%{left:-75%}to{left:130%}}.login-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #f4f6ff47,0 14px 34px -14px #3a3ac8e6}.login-btn:active:not(:disabled){transform:translateY(0)scale(.99)}.login-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #94b9ff80}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-error{color:#f3c6c0;background:#c0392b29;border:1px solid #c0392b59;border-radius:10px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.login-error svg{flex-shrink:0;width:15px;height:15px;margin-top:1px}.login-helper{text-align:center;color:#aeb6e08c;margin-top:18px;font-size:11.5px}.login-helper strong{color:#c8a53ae6;font-weight:600}.login-helper a{color:inherit}.login-caption{text-align:center;color:var(--login-muted);font-size:12.5px}.login-link{font:inherit;color:var(--login-gold);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;display:inline}.login-link:hover{text-decoration:underline}.login-back{color:#aeb6e0bf;cursor:pointer;transition:color .2s var(--login-ease);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:14px;font-size:12.5px;display:inline-flex}.login-back:hover{color:var(--login-platinum)}.login-resend{width:100%;color:var(--login-muted);cursor:pointer;transition:color .2s var(--login-ease);background:0 0;border:none;margin-top:12px;font-size:12.5px;font-weight:600;display:block}.login-resend:hover:not(:disabled){color:var(--login-gold)}.login-resend:disabled{color:#aeb6e066;cursor:default}@keyframes login-fade{to{opacity:1}}@keyframes login-card-enter{to{opacity:1;transform:translateY(0)}}@media (min-width:900px) and (min-height:640px){.login-shell{padding:0;display:block;overflow:visible}.login-lockup{position:absolute;top:clamp(24px,4.4vh,46px);left:clamp(24px,4.4vw,58px)}.login-cardslot{pointer-events:none;place-items:center end;padding-right:clamp(28px,9vw,150px);position:absolute;inset:0}.login-card{pointer-events:auto;width:min(92vw,420px)}.login-statement{max-width:min(46vw,460px);position:absolute;bottom:clamp(38px,6.5vh,72px);left:clamp(24px,4.4vw,58px)}}@media (prefers-reduced-motion:reduce){.login-lockup,.login-statement,.login-card,.login-bar-rise{opacity:1!important;animation:none!important;transform:none!important}.login-bar-rise{opacity:.5!important}.login-sheen{display:none}.login-btn:hover:not(:disabled):before{animation:none!important}}
