*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;font-family:"Roboto",sans-serif}.client-login-page{color:#142039;background:#071a38}.client-login-shell{display:grid;grid-template-columns:minmax(0,54%) minmax(420px,46%);min-height:100vh;overflow:hidden}.client-brand{position:relative;min-height:100vh;display:grid;place-items:center;padding:54px 9vw 92px 5vw;color:#142b51;background:radial-gradient(circle at 38% 44%,#fff 0 12%,rgba(255,255,255,.8) 32%,transparent 58%),linear-gradient(145deg,#fff 0%,#f8fafc 54%,#edf1f5 100%);isolation:isolate}.client-brand:before,.client-brand:after{content:"";position:absolute;z-index:3;top:-8%;right:-31px;width:118px;height:116%;border-radius:58% 0 0 52%/50% 0 0 50%;pointer-events:none}.client-brand:before{right:-26px;width:95px;background:#751d39;box-shadow:-6px 0 18px rgba(56,13,30,.2)}.client-brand:after{right:-39px;width:76px;background:#071a38;box-shadow:-4px 0 12px rgba(3,13,30,.25)}.brand-circuit{position:absolute;color:#7890ad;opacity:.14;pointer-events:none}.brand-circuit-top{top:0;left:0;width:min(58vw,700px)}.brand-flow{position:absolute;left:0;bottom:5%;width:92%;height:29%;fill:none;stroke:#8294aa;stroke-width:1.1;opacity:.14}.brand-logo-stage{position:relative;z-index:2;width:min(80%,520px);display:grid;place-items:center}.client-brand-logo{display:block;max-width:100%;width:auto;max-height:310px;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(17,38,66,.16))}.client-brand-fallback{display:flex;flex-direction:column;align-items:center;padding:30px 42px;border:1px solid rgba(8,31,66,.1);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 24px 60px rgba(17,38,66,.13)}.client-brand-fallback strong{font-size:clamp(34px,4vw,64px);font-weight:700;letter-spacing:.04em;color:#0a2347}.client-brand-fallback span{margin-top:8px;color:#751d39;font-size:clamp(18px,2vw,28px);font-weight:500;letter-spacing:.2em;text-transform:uppercase}.brand-footer{position:absolute;z-index:4;left:5vw;bottom:28px;display:flex;flex-direction:column;gap:7px;color:#758296;font-size:11px;letter-spacing:.04em}.brand-footer strong{color:#263d5d;font-size:10px;letter-spacing:.22em}.brand-footer i{color:#751d39;font-style:normal;padding:0 5px}.client-auth{position:relative;min-height:100vh;display:grid;place-items:center;padding:44px clamp(34px,5vw,82px);overflow:hidden;background:radial-gradient(circle at 70% 34%,rgba(30,74,132,.46),transparent 36%),radial-gradient(circle at 15% 82%,rgba(116,29,57,.17),transparent 29%),linear-gradient(145deg,#0d2b55 0%,#081e40 45%,#05142d 100%);color:#fff}.client-auth:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(111,147,193,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(111,147,193,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.auth-network{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 14% 18%,#92afd0 0 1.5px,transparent 2px),radial-gradient(circle at 72% 13%,#92afd0 0 1px,transparent 2px),radial-gradient(circle at 88% 72%,#92afd0 0 1.5px,transparent 2px),linear-gradient(25deg,transparent 49.8%,rgba(116,151,194,.2) 50%,transparent 50.2%);background-size:180px 190px,220px 240px,260px 210px,240px 180px}.auth-globe{position:absolute;right:-19%;bottom:-22%;width:min(48vw,620px);fill:none;stroke:currentColor;stroke-width:1;color:#8aa9d0;opacity:.075}.auth-content{position:relative;z-index:2;width:min(100%,520px)}.client-auth-heading{margin:0 0 28px;text-align:center}.client-auth-heading p{margin:0 0 8px;color:#aebed2;font-size:13px;font-weight:300;letter-spacing:.28em;text-transform:uppercase}.client-auth-heading h1{margin:0;font-size:clamp(27px,2.7vw,43px);font-weight:300;line-height:1.1;letter-spacing:.015em}.client-auth-heading h1 span{font-weight:700}.client-auth-heading i{display:block;width:52px;height:3px;margin:17px auto 0;border-radius:3px;background:linear-gradient(90deg,#a52d50,#741d39);box-shadow:0 2px 8px rgba(116,29,57,.6)}.client-login-card{overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:24px;background:linear-gradient(155deg,#fff 0%,#fbfcfe 100%);color:#17243a;box-shadow:0 32px 70px rgba(0,6,20,.4),0 2px 8px rgba(0,0,0,.18),inset 0 1px #fff}.client-login-card>header{display:flex;align-items:center;gap:16px;padding:27px 34px 20px}.client-login-card>header p{margin:0 0 4px;color:#751d39;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.client-login-card h2{margin:0;color:#0b2851;font-size:25px;font-weight:600}.card-emblem{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#0f3a70,#071b3a);box-shadow:0 7px 14px rgba(7,27,58,.28),inset 0 1px rgba(255,255,255,.23)}.card-emblem svg{width:27px;fill:#fff}.client-login-card form{padding:8px 34px 29px}.client-field{margin:0 0 17px}.client-field label{display:block;margin:0 0 7px;color:#263850;font-size:12px;font-weight:600}.client-input-shell{height:49px;display:flex;align-items:center;border:1px solid #d2d9e3;border-radius:11px;background:#f8fafc;box-shadow:inset 0 1px 3px rgba(25,44,69,.04);transition:border-color .2s,box-shadow .2s,background .2s}.client-input-shell:focus-within{border-color:#183f70;background:#fff;box-shadow:0 0 0 3px rgba(20,59,108,.13),inset 0 1px 2px rgba(25,44,69,.03)}.client-input-shell>svg{flex:0 0 auto;width:18px;margin-left:15px;fill:#7b899c}.client-input-shell input{min-width:0;width:100%;height:100%;padding:0 12px;border:0;outline:0;background:transparent;color:#17243a;font:400 14px "Roboto",sans-serif}.client-password-toggle{align-self:stretch;padding:0 15px;border:0;background:transparent;color:#6e1c36;font:600 11px "Roboto",sans-serif;cursor:pointer}.client-remember{width:max-content;display:flex;align-items:center;gap:8px;margin:1px 0 20px;color:#5d6878;font-size:12px;cursor:pointer}.client-remember input{width:15px;height:15px;margin:0;accent-color:#751d39}.client-submit{width:100%;height:49px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;background:linear-gradient(180deg,#862343 0%,#6e1833 100%);color:#fff;box-shadow:0 7px 14px rgba(103,20,48,.3),inset 0 1px rgba(255,255,255,.22),inset 0 -2px rgba(51,5,20,.2);font:600 14px "Roboto",sans-serif;letter-spacing:.03em;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}.client-submit svg{width:18px;fill:currentColor}.client-submit:hover{filter:brightness(1.1);box-shadow:0 9px 18px rgba(103,20,48,.35),inset 0 1px rgba(255,255,255,.22)}.client-submit:active{transform:translateY(2px);box-shadow:0 3px 8px rgba(103,20,48,.3)}.client-submit:disabled{cursor:wait;filter:saturate(.55);opacity:.76}.client-submit:focus-visible,.client-password-toggle:focus-visible,.client-remember input:focus-visible{outline:3px solid rgba(24,63,112,.28);outline-offset:2px}.client-login-card>footer{min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-top:1px solid #e3e7ed;background:#f5f7fa;color:#6e7989;font-size:11px}.client-login-card>footer svg{width:15px;fill:#173d6c}.client-form-error,.client-alert{margin:0 34px 15px;padding:10px 12px;border-left:3px solid #862343;border-radius:7px;background:#fbedf1;color:#76213a;font-size:12px;line-height:1.45}.client-form-error{margin:0 0 15px}.client-form-error ul{margin:0;padding-left:18px}.client-contact{display:flex;justify-content:center;gap:10px;margin-top:22px;color:#9eb0c7;font-size:11px;font-style:normal}.client-contact i{color:#a73354;font-style:normal}
@media(max-width:1050px){.client-login-shell{grid-template-columns:minmax(330px,46%) minmax(430px,54%)}.client-brand{padding-left:4vw;padding-right:7vw}.client-brand:before{right:-18px}.client-brand:after{right:-31px}.client-brand-logo{max-height:240px}.client-auth{padding-inline:42px}}
@media(max-width:760px){.client-login-shell{display:block}.client-brand{min-height:220px;padding:30px 25px 43px}.client-brand:before,.client-brand:after{top:auto;right:-5%;bottom:-18px;width:110%;height:48px;border-radius:48% 52% 0 0/100% 100% 0 0}.client-brand:before{bottom:-10px;background:#751d39}.client-brand:after{bottom:-21px;background:#071a38}.brand-circuit-top{width:100%;height:100%;object-fit:cover}.brand-flow{display:none}.brand-logo-stage{width:70%}.client-brand-logo{max-height:118px}.client-brand-fallback{padding:15px 24px}.client-brand-fallback strong{font-size:28px}.client-brand-fallback span{font-size:14px}.brand-footer{display:none}.client-auth{min-height:calc(100vh - 220px);padding:62px 20px 30px}.auth-content{max-width:500px}.client-auth-heading{margin-bottom:21px}.client-auth-heading h1{font-size:29px}}
@media(max-width:460px){.client-brand{min-height:185px;padding-top:22px}.client-brand-logo{max-height:96px}.client-auth{min-height:calc(100vh - 185px);padding:53px 12px 22px}.client-auth-heading p{font-size:10px}.client-auth-heading h1{font-size:24px}.client-login-card{border-radius:19px}.client-login-card>header{padding:23px 22px 17px}.client-login-card form{padding:7px 22px 24px}.client-form-error,.client-alert{margin-left:22px;margin-right:22px}.client-form-error{margin-left:0;margin-right:0}.client-contact{flex-wrap:wrap}.card-emblem{width:43px;height:43px}.client-login-card h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Client-only alignment with the premium Admin authentication treatment. */
.client-back{position:absolute;z-index:5;top:25px;left:44px;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,18,40,.36);color:#d6e0ed;text-decoration:none;font-size:12px;font-weight:400;letter-spacing:.02em;backdrop-filter:blur(7px);transition:background .18s,border-color .18s,transform .18s}.client-back svg{width:16px;fill:currentColor}.client-back:hover{transform:translateX(-2px);border-color:rgba(202,168,94,.55);background:rgba(4,18,40,.68);color:#fff}.client-back:focus-visible{outline:3px solid rgba(202,168,94,.45);outline-offset:2px}
.client-auth-heading p{color:#d1b46f;font-weight:500}.client-auth-heading h1{font-weight:400}.client-auth-heading h1 span{font-weight:500}.client-auth-heading small{display:block;margin-top:12px;color:#aebed2;font-size:12px;font-weight:400;letter-spacing:.04em}
.client-login-card{border-color:rgba(170,193,222,.28);background:linear-gradient(150deg,rgba(17,48,88,.94),rgba(5,22,49,.96));color:#fff;box-shadow:0 32px 70px rgba(0,6,20,.52),0 2px 8px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(16px)}.client-login-card>header p{margin:4px 0 0;color:#aebdd0;font-size:12px;font-weight:400;letter-spacing:.02em;text-transform:none}.client-login-card h2{color:#fff;font-weight:500}
.client-field label{color:#e7edf5;font-weight:500}.client-input-shell{border-color:rgba(184,201,222,.28);background:rgba(3,17,38,.48);box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}.client-input-shell:focus-within{border-color:#caa85e;background:rgba(3,17,38,.68);box-shadow:0 0 0 3px rgba(202,168,94,.14),inset 0 1px 2px rgba(0,0,0,.12)}.client-input-shell input{color:#fff}.client-password-toggle{color:#d7b768;font-weight:500}.client-remember{color:#bdc9d8}
.client-login-card>footer{border-top-color:rgba(178,199,225,.17);background:rgba(2,14,32,.3);color:#aebdd0}.client-login-card>footer svg{fill:#d0ae60}
@media(max-width:760px){.client-back{top:18px;left:18px;color:#183657;border-color:rgba(8,39,75,.16);background:rgba(255,255,255,.76)}.client-back:hover{color:#071a38;background:#fff;border-color:rgba(116,29,57,.35)}}
@media(max-width:460px){.client-back{top:12px;left:12px;padding:7px 10px}.client-back span{font-size:0}.client-back span:after{content:"Back";font-size:11px}}