/* GAINVO v1.8 sign-in experience */
.login-v16-body{background:#eef3f8;color:#102238}
.login-v16-shell{display:grid;grid-template-columns:minmax(620px,1.12fr) minmax(500px,.88fr);min-height:100svh;overflow:hidden}
.login-v16-shell .login-story{isolation:isolate;position:relative;display:grid;grid-template-rows:auto auto minmax(360px,1fr) auto;gap:0;min-width:0;padding:clamp(28px,3vw,46px) clamp(30px,4vw,66px) 28px;color:#fff;background:linear-gradient(137deg,#09284c 0%,#154a75 58%,#087078 125%);overflow:hidden}
.login-v16-shell .login-story::before{content:"";position:absolute;z-index:-2;inset:-25% -12% -20% 22%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 54px),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 54px);transform:perspective(850px) rotateY(-14deg) rotateZ(-8deg);transform-origin:center;mask-image:linear-gradient(90deg,transparent,#000 22%,#000)}
.login-v16-shell .login-story::after{content:"";position:absolute;z-index:-1;width:74%;height:64%;right:-24%;bottom:-22%;background:linear-gradient(135deg,rgba(80,227,194,.18),rgba(58,144,205,.03));clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);transform:skewX(-12deg)}
.login-story>header,.login-story>footer,.login-story-copy,.login-commerce-stage{position:relative;z-index:1}
.login-story>header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.login-story .brand{font-size:22px;letter-spacing:-.35px}
.login-story .brand-mark{width:48px;height:48px;border-radius:15px;background:#fff;color:#123e70;box-shadow:0 14px 35px rgba(3,22,42,.2)}
.login-local-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(12px)}
.login-local-badge i{width:8px;height:8px;border-radius:50%;background:#50e3c2;box-shadow:0 0 0 6px rgba(80,227,194,.13);animation:login-live-pulse 2.4s ease-in-out infinite}
.login-story-copy{align-self:end;max-width:650px;margin:clamp(40px,6vh,76px) 0 14px}
.login-story-copy .eyebrow{font-size:12px;letter-spacing:.16em}
.login-story-copy h1{max-width:640px;margin:18px 0 14px;font-size:clamp(43px,4.2vw,64px);line-height:.98;letter-spacing:-.055em}
.login-story-copy h1 em{color:#5ce2cb;font-style:normal}
.login-story-copy p{max-width:620px;margin:0;color:rgba(255,255,255,.82);font-size:clamp(14px,1.05vw,17px);line-height:1.65}
.login-commerce-stage{align-self:center;width:min(100%,740px);min-height:400px;margin:5px 0 12px}
.login-ledger-card{position:absolute;inset:50px 54px 54px 48px;padding:22px 24px 20px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,245,251,.96));color:#10243d;box-shadow:0 32px 70px rgba(1,21,42,.3);transform:rotate(-1deg);transform-origin:center;animation:ledger-arrive .75s cubic-bezier(.22,.75,.26,1) both,ledger-float 6s 1.2s ease-in-out infinite}
.login-ledger-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.6),transparent 24%,transparent 74%,rgba(35,112,151,.05))}
.login-ledger-card .login-business-top{position:relative;z-index:1;display:flex;align-items:center;gap:11px}
.login-demo-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#123f76;color:#fff;font-size:18px;font-weight:900}
.login-ledger-card .login-business-top>span:nth-child(2){display:grid;gap:1px}
.login-ledger-card .login-business-top small{color:#73839a;font-size:8px;font-weight:800;letter-spacing:.12em}
.login-ledger-card .login-business-top strong{font-size:12px}
.login-ledger-card .login-business-top>i{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:6px 9px;border-radius:999px;background:#e4faf3;color:#08775e;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}
.login-ledger-card .login-business-top>i b{width:6px;height:6px;border-radius:50%;background:#16b886}
.login-ledger-main{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:16px;margin:20px 0 4px}
.login-ledger-main>div{display:grid;gap:4px}
.login-ledger-main small{color:#63758c;font-size:9px}
.login-ledger-main strong{font-size:clamp(23px,2vw,31px);line-height:1;letter-spacing:-.04em}
.login-ledger-main span{color:#77879b;font-size:8px}
.login-ledger-main>b{padding:7px 9px;border-radius:999px;background:#e3f8f0;color:#07805f;font-size:9px}
.login-chart{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:105px;margin-top:3px;padding:8px 8px 0;border-bottom:1px solid #d6e0e9;background:repeating-linear-gradient(to bottom,rgba(48,87,119,.075) 0 1px,transparent 1px 32px)}
.login-chart>span{display:flex;align-items:end;justify-content:center;height:100%}
.login-chart>span i{width:min(24px,62%);height:var(--bar);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#8ddfcf,#c7eee7);transform-origin:bottom;animation:bar-rise .75s cubic-bezier(.2,.8,.2,1) both}
.login-chart>span:nth-child(2) i{animation-delay:.08s}.login-chart>span:nth-child(3) i{animation-delay:.16s}.login-chart>span:nth-child(4) i{animation-delay:.24s}.login-chart>span:nth-child(5) i{animation-delay:.32s}.login-chart>span:nth-child(6) i{animation-delay:.4s}.login-chart>span:nth-child(7) i{animation-delay:.48s}
.login-chart svg{position:absolute;inset:3px 6px 1px;width:calc(100% - 12px);height:calc(100% - 4px);overflow:visible}
.login-chart path{fill:none;stroke:#106fa0;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:700;stroke-dashoffset:700;animation:line-draw 1.15s .4s ease-out forwards}
.login-payment-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.login-payment-row>span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;padding:9px;border:1px solid #e3eaf1;border-radius:12px;background:rgba(255,255,255,.78)}
.login-payment-row i{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#eaf3fb;color:#174e80}
.login-payment-row .icon{width:14px;height:14px}
.login-payment-row small{color:#75859a;font-size:7px;white-space:nowrap}
.login-payment-row strong{font-size:9px;white-space:nowrap}
.login-currency-note{position:absolute;z-index:3;right:8px;top:8px;display:grid;width:138px;min-height:90px;padding:14px;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:linear-gradient(145deg,#f5d984,#c49b31);color:#17304e;box-shadow:0 22px 40px rgba(1,21,42,.24);transform:rotate(5deg);animation:currency-drift 6.8s 1.2s ease-in-out infinite}
.login-currency-note::before{content:"";position:absolute;inset:7px;border:1px solid rgba(23,48,78,.19);border-radius:13px}
.login-currency-note small{font-size:6px;font-weight:900;letter-spacing:.13em}.login-currency-note strong{align-self:end;font-family:Georgia,serif;font-size:31px;line-height:1}.login-currency-note span{font-size:8px;font-weight:800}
.login-sale-float,.login-stock-float{position:absolute;z-index:4;display:flex;align-items:center;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.97);color:#14283f;box-shadow:0 22px 42px rgba(2,24,47,.25);backdrop-filter:blur(10px)}
.login-sale-float{left:0;bottom:30px;gap:10px;min-width:235px;padding:12px 14px;border-radius:16px;animation:sale-in .7s .25s cubic-bezier(.2,.8,.2,1) both,login-float 5.5s 1.4s ease-in-out infinite}
.login-sale-float>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#dff8ef;color:#07815f}.login-sale-float .icon{width:17px;height:17px}.login-sale-float p{display:grid;gap:2px;margin:0}.login-sale-float strong{font-size:10px}.login-sale-float small{color:#6f8094;font-size:7px}.login-sale-float>b{margin-left:auto;font-size:11px}
.login-stock-float{right:0;bottom:4px;gap:9px;min-width:210px;padding:11px 12px;border-radius:15px;animation:stock-in .7s .42s cubic-bezier(.2,.8,.2,1) both,login-float 6.2s 1.7s ease-in-out infinite reverse}
.login-stock-float>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e9f1fb;color:#174d80}.login-stock-float .icon{width:17px;height:17px}.login-stock-float p{display:grid;gap:2px;margin:0}.login-stock-float small{color:#73849a;font-size:6px;font-weight:900;letter-spacing:.08em}.login-stock-float strong{font-size:9px}.login-stock-float>i{margin-left:auto;padding:5px 7px;border-radius:999px;background:#fff3d5;color:#9a6200;font-size:7px;font-style:normal;font-weight:900}
.login-currency-rail{position:absolute;left:250px;right:222px;bottom:5px;display:flex;align-items:center;justify-content:center;gap:7px;color:rgba(255,255,255,.58);font-size:6px;font-weight:900;letter-spacing:.13em}.login-currency-rail i{width:3px;height:3px;border-radius:50%;background:#58dfca}
.login-story>footer{display:flex;align-items:center;gap:30px;color:rgba(255,255,255,.72);font-size:9px}.login-story>footer span{display:flex;align-items:center;gap:7px}.login-story>footer .icon{width:15px;height:15px}
.login-v16-shell .login-access{position:relative;display:grid;grid-template-rows:1fr auto;min-width:0;padding:clamp(26px,3.2vw,54px);background:linear-gradient(145deg,#f3f7fb,#fff 62%);overflow:hidden}
.login-v16-shell .login-access::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 47px,rgba(20,62,108,.028) 47px 48px),repeating-linear-gradient(0deg,transparent 0 47px,rgba(20,62,108,.028) 47px 48px);mask-image:linear-gradient(to bottom right,#000,transparent 72%)}
.login-access-inner{position:relative;z-index:1;align-self:center;justify-self:center;width:min(480px,100%);padding:clamp(30px,3vw,44px);border:1px solid #dee7f0;border-radius:28px;background:rgba(255,255,255,.95);box-shadow:0 30px 75px rgba(18,50,82,.12);backdrop-filter:blur(16px)}
.login-access-badge{display:inline-flex;align-items:center;gap:7px;margin-bottom:22px;padding:7px 9px;border-radius:8px;background:#eaf7f3;color:#08775f;font-size:8px;font-weight:900;letter-spacing:.1em}.login-access-badge .icon{width:13px;height:13px}
.login-welcome{margin-bottom:24px}.login-welcome .eyebrow{font-size:11px;letter-spacing:.13em}.login-welcome h1{margin:11px 0 7px;font-size:clamp(29px,2.25vw,38px);line-height:1.08;letter-spacing:-.045em}.login-welcome p{margin:0;color:#687b91;font-size:13px;line-height:1.5}
.login-form-v16{display:grid;gap:18px}.login-form-v16>label{display:grid;gap:8px;color:#102842;font-size:11px;font-weight:800}.login-input-wrap{display:flex;align-items:center;gap:11px;height:58px;padding:0 16px;border:1px solid #cbd7e3;border-radius:15px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.login-input-wrap:focus-within{border-color:#1c5f9b;box-shadow:0 0 0 4px rgba(28,95,155,.12);transform:translateY(-1px)}.login-input-wrap>.icon{flex:0 0 auto;width:19px;height:19px;color:#6e8299}.login-input-wrap input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#102238;font-size:15px;font-weight:650}.login-input-wrap input::placeholder{color:#8c9db0;font-weight:600}.login-input-wrap.password-field button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;margin-right:-7px;border:0;border-radius:10px;background:transparent;color:#536d89;cursor:pointer}.login-input-wrap.password-field button:hover{background:#eef4f9}.login-input-wrap.password-field button:focus-visible{outline:3px solid rgba(28,95,155,.24);outline-offset:1px}
.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;margin-top:2px;padding:0 20px;border:0;border-radius:15px;background:linear-gradient(110deg,#143f76,#23659d);color:#fff;box-shadow:0 16px 28px rgba(21,76,126,.2);font-family:inherit;font-size:14px;font-weight:800;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-submit:hover{transform:translateY(-2px);box-shadow:0 19px 34px rgba(21,76,126,.27);filter:saturate(1.08)}.login-submit:active{transform:translateY(0)}.login-submit:focus-visible{outline:3px solid rgba(32,101,160,.28);outline-offset:3px}.login-submit .icon{width:19px;height:19px}
.login-safe-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 13px;border-radius:13px;background:#f0f5fa;color:#184a7b}.login-safe-note>.icon{flex:0 0 auto;width:17px;height:17px;margin-top:1px}.login-safe-note p{display:grid;gap:2px;margin:0}.login-safe-note strong{font-size:9px}.login-safe-note span{color:#5f738a;font-size:8px;line-height:1.4}
.login-new{display:grid;justify-items:center;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid #e1e8f0}.login-new>span{color:#7b8999;font-size:9px}.login-new a{display:flex;align-items:center;gap:7px;color:#123f76;font-size:12px;font-weight:850;text-decoration:none}.login-new a:hover{text-decoration:underline}.login-new a:focus-visible,.login-access>footer a:focus-visible{outline:3px solid rgba(32,101,160,.22);outline-offset:4px;border-radius:4px}.login-new .icon{width:15px;height:15px}
.login-access>footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;width:100%;padding-top:18px;color:#7b8b9e;font-size:8px}.login-access>footer a{color:#526b85;text-decoration:none}
.login-mobile-hero{display:none}
@keyframes ledger-arrive{from{opacity:0;transform:translateY(22px) rotate(-3deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}
@keyframes ledger-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(-.6deg)}}
@keyframes currency-drift{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-6px) rotate(3.8deg)}}
@keyframes login-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes sale-in{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
@keyframes stock-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@keyframes bar-rise{from{transform:scaleY(0);opacity:.25}to{transform:scaleY(1);opacity:1}}
@keyframes line-draw{to{stroke-dashoffset:0}}
@keyframes login-live-pulse{0%,100%{box-shadow:0 0 0 4px rgba(80,227,194,.12)}50%{box-shadow:0 0 0 8px rgba(80,227,194,.02)}}
@media(max-width:1180px){.login-v16-shell{grid-template-columns:minmax(540px,1.05fr) minmax(450px,.95fr)}.login-v16-shell .login-story{padding-left:36px;padding-right:36px}.login-commerce-stage{min-height:370px}.login-ledger-card{inset:48px 38px 53px 38px}.login-story-copy h1{font-size:47px}.login-payment-row{gap:6px}.login-payment-row>span{padding:7px}.login-currency-note{right:0}.login-stock-float{right:-3px}}
@media(min-width:901px) and (max-height:760px){.login-v16-shell .login-story{grid-template-rows:auto auto minmax(285px,1fr) auto;padding-top:22px;padding-bottom:18px}.login-story-copy{margin:22px 0 2px}.login-story-copy h1{margin:10px 0 8px;font-size:40px}.login-story-copy p{font-size:13px}.login-commerce-stage{min-height:290px;transform:scale(.86);transform-origin:center}.login-ledger-card{inset:28px 45px 36px}.login-v16-shell .login-access{padding:22px 32px}.login-access-inner{padding:26px 32px}.login-access-badge{margin-bottom:12px}.login-welcome{margin-bottom:17px}.login-welcome h1{font-size:29px}.login-form-v16{gap:13px}.login-input-wrap,.login-submit{height:52px}.login-safe-note{margin-top:12px}.login-new{margin-top:14px;padding-top:14px}}
@media(max-width:900px){.login-v16-shell{display:block;min-height:100svh;background:#f3f7fb;overflow:visible}.login-v16-shell .login-story{display:none}.login-v16-shell .login-access{display:block;min-height:100svh;padding:0;background:#f3f7fb;overflow:visible}.login-v16-shell .login-access::before{display:none}.login-mobile-hero{isolation:isolate;position:relative;display:block;min-height:304px;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 58px max(22px,env(safe-area-inset-left));background:linear-gradient(135deg,#09294f,#15527d 64%,#087078 125%);color:#fff;overflow:hidden}.login-mobile-hero::before{content:"";position:absolute;z-index:-2;inset:-15% -15% -10% 25%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 42px);transform:rotate(-10deg)}.login-mobile-hero::after{content:"";position:absolute;z-index:-1;right:-28%;bottom:-40%;width:88%;height:78%;background:linear-gradient(135deg,rgba(78,226,199,.22),transparent);clip-path:polygon(36% 0,100% 0,100% 100%,0 100%);transform:skewX(-12deg)}.login-mobile-hero>div:first-child{display:flex;align-items:center;justify-content:space-between}.login-mobile-hero .brand{font-size:19px}.login-mobile-hero .brand-mark{width:42px;height:42px;border-radius:13px;background:#fff;color:#123f76}.mobile-secure-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08)}.mobile-secure-mark .icon{width:18px;height:18px}.login-mobile-hero>span{display:block;margin-top:29px;color:#7ce8d4;font-size:9px;font-weight:900;letter-spacing:.15em}.login-mobile-hero h1{margin:8px 0 19px;font-size:34px;line-height:1.02;letter-spacing:-.04em}.login-mobile-hero h1 em{color:#67e1cc;font-style:normal}.mobile-business-glance{display:grid;grid-template-columns:1.35fr .9fr .9fr;gap:1px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(3,31,58,.25);overflow:hidden;backdrop-filter:blur(12px)}.mobile-business-glance>span{display:grid;gap:3px;min-width:0;padding:11px 12px;border-left:1px solid rgba(255,255,255,.1)}.mobile-business-glance>span:first-child{border-left:0}.mobile-business-glance small{color:rgba(255,255,255,.65);font-size:7px}.mobile-business-glance strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.login-access-inner{display:block;width:100%;max-width:none;min-height:calc(100svh - 272px);margin-top:-32px;padding:30px max(24px,env(safe-area-inset-right)) max(34px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border:0;border-radius:30px 30px 0 0;background:#fff;box-shadow:0 -16px 36px rgba(8,35,62,.12);backdrop-filter:none}.login-access-badge{display:none}.login-welcome{margin-bottom:23px}.login-welcome h1{font-size:29px}.login-welcome p{font-size:13px}.login-form-v16{gap:17px}.login-form-v16>label{font-size:12px}.login-input-wrap{height:58px}.login-input-wrap input{font-size:16px}.login-submit{height:58px}.login-safe-note{margin-top:16px}.login-safe-note strong{font-size:10px}.login-safe-note span{font-size:9px}.login-new{margin-top:20px;padding-top:18px}.login-new>span{font-size:10px}.login-new a{font-size:13px}.login-access>footer{display:flex;padding:18px max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#fff;font-size:9px}}
@media(max-width:520px){.login-mobile-hero{min-height:282px;padding-left:18px;padding-right:18px;padding-bottom:52px}.login-mobile-hero>span{margin-top:25px}.login-mobile-hero h1{margin-bottom:16px;font-size:31px}.mobile-business-glance>span{padding:10px 9px}.mobile-business-glance strong{font-size:11px}.login-access-inner{min-height:calc(100svh - 250px);padding:27px 18px max(30px,env(safe-area-inset-bottom))}.login-welcome{margin-bottom:21px}.login-welcome h1{font-size:27px}.login-welcome p{font-size:12px}.login-safe-note{padding:11px}.login-access>footer{padding-left:18px;padding-right:18px}.login-access>footer span{display:none}}
@media(max-width:360px){.login-mobile-hero{min-height:267px}.login-mobile-hero h1{font-size:28px}.mobile-business-glance small{font-size:6px}.mobile-business-glance strong{font-size:10px}.login-access-inner{margin-top:-28px;padding-left:15px;padding-right:15px}.login-input-wrap{padding:0 13px}.login-safe-note span{font-size:8px}}
@media(max-width:900px) and (orientation:landscape){.login-mobile-hero{min-height:205px;padding-bottom:42px}.login-mobile-hero>span{margin-top:16px}.login-mobile-hero h1{margin:5px 0 12px;font-size:28px}.mobile-business-glance{max-width:600px}.login-access-inner{min-height:auto;margin-top:-28px}}
@media(prefers-reduced-motion:reduce){.login-commerce-stage *,.login-local-badge i{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.login-ledger-card{transform:rotate(-1deg)}.login-chart>span i{height:var(--bar);transform:none}.login-chart path{stroke-dashoffset:0}}
@media(forced-colors:active){.login-input-wrap,.login-access-inner,.login-submit,.login-safe-note{border:1px solid CanvasText}.login-submit{forced-color-adjust:auto}.login-local-badge i{background:Highlight}}