.login-page{--login-ink:#061a3f;--login-blue:#0755f6;--login-copy:#536886;--login-muted:#667b99;--login-surface:#fff;--login-line:#d5e0f2;--login-wash:#eff5fd;min-height:max(100svh,800px);max-width:none;width:100%;margin:0;padding:0;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;position:relative;overflow:hidden;background:#dcecff;color:var(--login-ink)}
.login-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-1;pointer-events:none;user-select:none}
.login-map-labels{position:absolute;inset:0;pointer-events:none;z-index:-1}.login-map-labels span{position:absolute;display:flex;align-items:center;gap:10px;border-radius:20px;background:#f7fbffb8;padding:7px 12px 7px 7px;font-size:12px;font-weight:600;color:#2d63b4;line-height:1.4;white-space:nowrap}.login-map-labels span:before{content:'';width:10px;height:10px;border:5px solid #2684ff;box-shadow:0 0 0 3px #ffffffb3;border-radius:50%;background:white;box-sizing:content-box}.login-map-trade{left:32.5%;top:16.5%}.login-map-customs{left:48%;top:26%}.login-map-data{left:65%;top:11.2%}.login-map-labels .login-map-data:before{border-color:#2dc3ed}
.login-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 5vw 0}
.login-brand.brand{font-size:26px;font-weight:700;letter-spacing:-.025em;color:var(--login-ink);gap:16px;white-space:nowrap}
.login-brand img{width:46px;height:46px;flex-shrink:0}
.login-motto{font-size:13px;letter-spacing:.23em;color:#304669;white-space:nowrap}.login-motto i{font-style:normal;margin:0 11px}
.login-layout{width:90%;max-width:1740px;margin:0 auto;padding:58px 0 68px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,1fr);gap:clamp(48px,12.7vw,220px);align-items:center;flex:initial}
.login-story{min-width:0}.login-story .login-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:#647eab;margin:0 0 24px;padding-left:14px;position:relative}.login-eyebrow:before{content:'';position:absolute;left:0;top:3px;width:3px;height:13px;border-radius:2px;background:#65adff}
.login-story h1{font-size:clamp(38px,4.05vw,76px);line-height:1.3;font-weight:700;letter-spacing:-.035em;margin:0;color:var(--login-ink);white-space:nowrap}.login-story h1 span{color:var(--login-blue)}
.login-title-mark{width:50px;height:4px;border-radius:3px;background:#2878ff;margin:23px 0 15px}
.login-story .login-lead{font-size:clamp(15px,1.2vw,20px);line-height:1.8;color:var(--login-copy);margin:0;white-space:nowrap}
.login-flow{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch;gap:8px;margin-top:43px;isolation:isolate}
.login-flow>.login-flow-card{min-width:0;min-height:134px;background:rgba(255,255,255,.96);border-radius:16px;padding:18px 17px;flex:initial;position:relative;transform-origin:center}
.login-feature-title{display:flex;align-items:center;gap:15px;margin-bottom:10px}.login-flow strong{font-size:20px;line-height:1.4;display:block;margin:0;white-space:nowrap;color:var(--login-ink)}
.login-feature-icon{width:48px;height:50px;display:grid!important;place-items:center;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#dbeaff,#f4f8ff);color:#1270ff!important}.login-feature-icon svg{color:inherit}
.login-flow .login-feature-copy{font-size:13px;line-height:1.8;color:var(--login-copy);display:block;margin-left:0}
.login-flow>.login-flow-card:nth-of-type(n+2)>.login-feature-copy{margin-left:0}
.login-flow>.login-flow-arrow{height:42px;width:42px;align-self:center;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.95);color:var(--login-blue)}.login-flow-arrow svg{color:inherit;display:block}
.login-story .login-local{font-size:13px;line-height:1.7;color:#4c6282;margin:24px 0 0}
.login-card{width:100%;max-width:none;justify-self:stretch;background:rgba(255,255,255,.97);border-radius:20px;padding:36px 38px 25px;box-shadow:0 18px 48px #225c9e1a;min-width:0}
.login-card h2{font-size:32px;line-height:1.4;margin:0 0 6px;letter-spacing:-.025em;color:var(--login-ink)}
.login-card>.login-card-intro{font-size:16px;line-height:1.7;color:var(--login-copy);margin:0 0 29px}
.login-card .login-label{display:block;font-size:15px;font-weight:700;line-height:1.6;margin:16px 0 7px}.login-card .login-label:first-child{margin-top:0}
.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-wrap>svg{position:absolute;left:17px;z-index:1;color:#71839f;pointer-events:none}.login-input-wrap>.field{height:50px;min-height:50px;padding:10px 43px 10px 49px;border:1px solid var(--login-line);border-radius:10px;font-size:15px;color:var(--login-ink);background:var(--login-surface)}.login-input-wrap>.field::placeholder{color:#6d7e99;opacity:1}.login-input-wrap>.field:focus{border-color:#558cff;outline:3px solid #0755f61a;outline-offset:1px}
.login-password-toggle{position:absolute;right:6px;top:5px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:7px;background:transparent;color:#6a82a6}.login-password-toggle:hover{background:var(--login-wash);color:var(--login-blue)}.login-password-toggle:focus-visible{outline:2px solid var(--login-blue);outline-offset:0}
.login-card form>.login-submit{width:100%;height:52px;min-height:52px;margin:20px 0 0;padding:10px 24px;justify-content:space-between;font-size:17px;letter-spacing:.02em;border-radius:10px;border:0;color:white;background:linear-gradient(105deg,#2b86ff,#034bfa)}.login-submit:hover:not(:disabled){filter:brightness(1.06);background:linear-gradient(105deg,#247cff,#0346e9)}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.65;filter:none}
.login-card .form-error{font-size:13px;line-height:1.65;margin:12px 0 0;border-radius:8px;padding:10px 12px}
.login-card .demo-accounts{margin-top:25px;padding-top:18px;border-top:1px solid var(--login-line)}.login-card .demo-accounts>strong{font-size:15px;line-height:1.7;font-weight:700;color:var(--login-ink)}
.login-card .demo-accounts button{height:43px;min-height:43px;display:flex;gap:20px;align-items:center;width:100%;font-size:13px;margin:8px 0 0;padding:9px 16px;border:0;border-radius:9px;background:var(--login-wash);color:var(--login-ink)}.login-card .demo-accounts button:hover{background:#e2eeff}.login-card .demo-accounts button span:last-child{margin-left:auto;color:#0755ef;white-space:nowrap}.login-card .demo-accounts p{font-size:12px;line-height:1.9;color:var(--login-muted);margin:14px 0 0}
.login-page>.login-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 5vw;font-size:11px;line-height:1.6;background:rgba(248,251,255,.8);color:#5c6f8c}.login-footer-values{display:flex;gap:0;white-space:nowrap}.login-footer-values span+span{padding-left:20px;margin-left:20px;border-left:1px solid #9aacc7}
@media(min-width:1920px){.login-header,.login-page>.login-footer{padding-left:max(5vw,calc((100vw - 1740px)/2));padding-right:max(5vw,calc((100vw - 1740px)/2))}.login-layout{gap:180px}}
@media(max-width:1400px){.login-layout{gap:6vw;grid-template-columns:minmax(0,1.6fr) minmax(355px,1fr);padding-top:45px;padding-bottom:50px}.login-brand.brand{font-size:23px}.login-story h1{font-size:clamp(38px,4vw,58px)}.login-story .login-lead{font-size:16px}.login-feature-title{gap:9px}.login-feature-icon{width:35px;height:39px}.login-feature-icon svg{width:25px;height:25px}.login-flow strong{font-size:17px}.login-flow .login-feature-copy{margin-left:0;font-size:12px}.login-flow>.login-flow-card{padding:16px 14px;min-height:135px}.login-flow{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr);gap:7px}.login-flow>.login-flow-arrow{width:32px;height:32px}.login-flow-arrow svg{width:21px;height:21px}.login-card{padding:30px 29px 24px}.login-card h2{font-size:29px}.login-card>.login-card-intro{font-size:14px}}
@media(max-width:1100px){.login-header{padding-top:28px}.login-motto{font-size:11px;letter-spacing:.13em}.login-motto i{margin:0 6px}.login-layout{gap:4vw;grid-template-columns:minmax(0,1fr) 355px}.login-story h1{font-size:38px}.login-story .login-eyebrow{font-size:10px;letter-spacing:.13em}.login-story .login-lead{font-size:14px;white-space:normal}.login-story .login-lead br{display:none}.login-flow{gap:5px;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr) 23px minmax(0,1fr);margin-top:28px}.login-flow>.login-flow-card{padding:13px 10px;min-height:144px}.login-feature-title{display:grid;gap:7px;margin-bottom:7px}.login-flow strong{font-size:15px}.login-flow>.login-flow-arrow{width:23px;height:28px}.login-flow-arrow svg{width:18px;height:18px}.login-story .login-local{font-size:12px}.login-feature-icon{width:33px;height:34px}}
@media(max-width:900px){.login-page{min-height:100svh}.login-background{object-position:57% center;opacity:.85}.login-header{padding:25px 5vw 0}.login-brand.brand{font-size:21px;gap:11px}.login-brand img{width:38px;height:38px}.login-motto{display:none}.login-layout{display:flex;flex-direction:column;gap:0;padding:36px 0 30px;width:min(90%,650px)}.login-story{display:contents}.login-eyebrow,.login-title-mark{display:none}.login-story h1{order:0;font-size:clamp(32px,5vw,44px);line-height:1.35;align-self:flex-start;margin:0 0 16px}.login-story .login-lead{order:1;font-size:14px;line-height:1.8;align-self:flex-start;max-width:470px;margin-bottom:26px}.login-card{order:2;max-width:480px;align-self:center;padding:30px 32px 26px;border-radius:18px}.login-card h2{font-size:28px}.login-card>.login-card-intro{font-size:14px;margin-bottom:25px}.login-flow{display:grid;order:3;width:100%;margin-top:30px;gap:7px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr)}.login-flow>.login-flow-card{min-height:132px;padding:14px}.login-feature-title{display:flex;gap:10px}.login-flow strong{font-size:16px}.login-flow>.login-flow-arrow{height:28px;width:28px}.login-flow .login-feature-copy{font-size:12px}.login-story .login-local{order:4;align-self:flex-start;margin-top:20px}.login-page>.login-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 5vw;font-size:11px}}
@media(max-width:520px){.login-header{padding:23px 20px 0}.login-brand.brand{font-size:18px;gap:10px;letter-spacing:-.025em}.login-brand img{width:35px;height:35px}.login-layout{width:calc(100% - 40px);padding:31px 0 25px}.login-story h1{font-size:clamp(29px,7.7vw,39px);letter-spacing:-.035em}.login-story .login-lead{font-size:13px;margin-bottom:23px;line-height:1.85}.login-card{padding:25px 23px 24px;border-radius:17px}.login-card h2{font-size:26px}.login-card>.login-card-intro{font-size:13px;margin-bottom:24px}.login-card .login-label{font-size:14px}.login-input-wrap>.field{font-size:14px}.login-card form>.login-submit{font-size:16px}.login-card .demo-accounts>strong{font-size:14px}.login-card .demo-accounts button{padding:9px 12px;gap:16px;font-size:12px}.login-card .demo-accounts p{font-size:11px;line-height:1.9}.login-flow{gap:5px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);margin-top:26px}.login-flow>.login-flow-card{padding:12px 9px;min-height:143px;border-radius:12px}.login-feature-title{display:grid;gap:8px;margin-bottom:7px}.login-flow strong{font-size:14px}.login-feature-icon{height:32px;width:32px;border-radius:8px}.login-feature-icon svg{height:23px;width:23px}.login-flow .login-feature-copy{font-size:11px;line-height:1.8}.login-flow>.login-flow-arrow{height:24px;width:18px;background:transparent}.login-flow-arrow svg{width:16px;height:16px}.login-story .login-local{font-size:11px;line-height:1.8;margin-top:16px}.login-page>.login-footer{padding:14px 20px;font-size:10px}.login-footer-values span+span{padding-left:12px;margin-left:12px}}
@media(min-width:1401px){.login-card>.login-card-intro{font-size:18px}.login-card .login-label{font-size:16px}.login-card form>.login-submit{font-size:18px}.login-card .demo-accounts>strong{font-size:16px}.login-card .demo-accounts button{font-size:14px}.login-card .demo-accounts p{font-size:14px;line-height:1.75}}
@media(min-width:901px) and (max-width:1400px){.login-card>.login-card-intro{font-size:16px}.login-card .login-label{font-size:16px}.login-card form>.login-submit{font-size:18px}.login-card .demo-accounts button{font-size:14px}.login-card .demo-accounts p{font-size:13px;line-height:1.8}}
@media(max-width:1400px){.login-map-labels{display:none}}
@media(max-width:900px){.login-page{background:#f0f6ff}.login-background{opacity:.55}}
@media(prefers-reduced-motion:no-preference){.login-password-toggle,.login-card .demo-accounts button{transition:background-color .18s ease-out,color .18s ease-out}.login-submit{transition:filter .18s ease-out}}
@media(hover:hover) and (pointer:fine){.login-flow>.login-flow-card:hover{transform:scale(1.12);z-index:2;box-shadow:0 14px 32px #1f5da733}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.login-flow>.login-flow-card{transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease-out}}
@media(prefers-reduced-motion:reduce){.login-flow>.login-flow-card:hover{transform:none}}