@font-face{font-family:Roboto;src:url("../fonts/Roboto-Regular.86da78cb5957.ttf")}@font-face{font-family:Roboto;src:url("../fonts/Roboto-Medium.c887b7c9330f.ttf");font-weight:500}@font-face{font-family:Roboto;src:url("../fonts/Roboto-Bold.dff90a732eb2.ttf");font-weight:700}
:root{--navy:#071a30;--navy-deep:#041326;--maroon:#981d43;--crimson:#c52e59;--white:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Roboto,sans-serif}.login-page{position:relative;min-height:100vh;overflow:hidden;color:#fff;background-image:var(--login-background,linear-gradient(125deg,#06172b 0%,#1a3a58 58%,#7b2744 100%));background-size:cover;background-position:center;background-repeat:no-repeat}.login-page *{font-family:Roboto,sans-serif}.login-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,17,34,.91) 0%,rgba(4,22,41,.73) 27%,rgba(5,23,40,.34) 54%,rgba(4,18,32,.10) 76%,rgba(4,16,29,.16) 100%),linear-gradient(0deg,rgba(3,16,30,.68) 0%,rgba(4,19,34,.12) 28%,transparent 54%)}.login-page svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.login-header,.login-layout,.bottom-features,.login-footer{position:relative;z-index:1}.login-header{height:88px;padding:20px clamp(38px,4vw,76px);display:flex;align-items:center;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:12px}.cms-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:9px;background:linear-gradient(145deg,#b62d59,#781331);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px rgba(255,255,255,.25),0 10px 24px rgba(1,9,20,.22);color:#fff;font-weight:700;letter-spacing:.02em}.login-brand strong{font-size:16px;text-shadow:0 2px 8px rgba(0,0,0,.18)}.login-brand small{display:block;margin-top:5px;color:rgba(255,255,255,.68);font-size:8px;text-transform:uppercase;letter-spacing:.18em}.login-page i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--crimson);margin:0 7px;vertical-align:middle}.login-header>p{display:flex;align-items:center;margin:0;font-size:11px;letter-spacing:.045em;color:rgba(255,255,255,.88);text-shadow:0 2px 8px rgba(0,0,0,.25)}.login-header>p b{display:inline-block;width:38px;height:3px;margin-left:16px;border-radius:3px;background:var(--crimson);box-shadow:0 2px 10px rgba(197,46,89,.45)}
.login-layout{height:calc(100vh - 88px);min-height:600px;padding:30px clamp(38px,4vw,76px) 164px;display:grid;grid-template-columns:minmax(340px,1.03fr) minmax(390px,.95fr) minmax(270px,.8fr);gap:clamp(30px,4.2vw,76px);align-items:center}.login-hero{align-self:center;max-width:490px;transform:translateY(-12px)}.login-hero h1{margin:0;font-size:clamp(42px,3.35vw,58px);line-height:1.04;letter-spacing:-.032em;font-weight:700;text-shadow:0 5px 25px rgba(0,0,0,.26)}.login-hero h1 em{display:inline-block;margin-top:4px;color:#d43762;font-style:normal}.hero-line{display:block;width:48px;height:4px;margin:21px 0 18px;border-radius:4px;background:linear-gradient(90deg,#d33561,#901838);box-shadow:0 3px 12px rgba(197,46,89,.38)}.login-hero>p{margin:0 0 24px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;text-shadow:0 2px 9px rgba(0,0,0,.24)}.hero-features{display:grid;gap:15px}.hero-features article{display:flex;align-items:center;gap:15px}.hero-features article>svg{flex:0 0 auto;width:45px;height:45px;padding:10px;border:1px solid rgba(255,255,255,.52);border-radius:50%;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(5,25,44,.13));box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 16px rgba(0,0,0,.18);transition:transform .18s ease,background .18s ease}.hero-features article:hover>svg{transform:translateY(-2px);background:rgba(255,255,255,.2)}.hero-features strong,.hero-features small{display:block}.hero-features strong{font-size:13px;letter-spacing:.01em}.hero-features small{margin-top:3px;color:rgba(255,255,255,.67);font-size:11px}
.login-card-wrap{display:flex;justify-content:center;perspective:1000px}.login-card{width:min(100%,430px);padding:29px 38px 25px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.73),rgba(239,246,250,.55));-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);box-shadow:0 30px 70px rgba(2,12,25,.34),inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px rgba(255,255,255,.25);color:#10243a;animation:card-in .42s ease-out both}.card-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.card-brand .cms-mark{width:64px;height:64px;border-radius:12px;font-size:18px;box-shadow:0 12px 24px rgba(105,13,45,.3),inset 0 1px rgba(255,255,255,.3)}.card-brand>strong{margin-top:13px;font-size:18px;letter-spacing:-.01em}.card-brand>p{margin:7px 0 18px;color:#4e6071;font-size:12px;line-height:1.45}.login-card form>label{display:flex;align-items:center;gap:6px;margin:13px 0 7px;color:#172b40;font-size:12px;font-weight:700}.login-card form>label svg{width:14px;height:14px;color:#81193a}.field{position:relative}.field>svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#526a7d}.field input{display:block;width:100%;height:48px;padding:0 44px;border:1px solid rgba(44,75,101,.28);border-radius:9px;outline:none;background:rgba(248,252,255,.88);box-shadow:inset 0 2px 5px rgba(18,50,76,.06),0 1px rgba(255,255,255,.65);color:#0c2237;font:14px Roboto,sans-serif;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input:focus{border-color:#a5264c;background:#fff;box-shadow:0 0 0 3px rgba(165,38,76,.14),inset 0 2px 4px rgba(18,50,76,.04)}.password-toggle{position:absolute;right:5px;top:4px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#50687b;cursor:pointer;transition:color .18s ease,transform .18s ease}.password-toggle:hover,.password-toggle[aria-pressed=true]{color:#971d43}.password-toggle:active{transform:scale(.92)}.password-toggle svg{width:19px;height:19px}.login-error{margin:0 0 11px;padding:9px 11px;border:1px solid rgba(145,24,58,.24);border-radius:8px;background:rgba(255,231,237,.88);color:#881637;font-size:12px}.sign-in{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;margin-top:20px;border:1px solid rgba(255,255,255,.62);border-radius:9px;background:linear-gradient(180deg,#ae2a55,#7f1436);box-shadow:0 12px 24px rgba(104,12,43,.28),inset 0 1px rgba(255,255,255,.3);color:#fff;font:500 14px Roboto,sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.sign-in svg{width:18px;height:18px}.sign-in:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 16px 27px rgba(104,12,43,.34),inset 0 1px rgba(255,255,255,.34)}.sign-in:active{transform:translateY(0);box-shadow:0 7px 14px rgba(104,12,43,.27)}.sign-in:focus-visible,.password-toggle:focus-visible{outline:3px solid rgba(151,29,67,.28);outline-offset:2px}.authorized{display:flex;align-items:center;gap:11px;margin-top:18px;color:#5f6f7d}.authorized span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(42,66,86,.28))}.authorized span:last-child{background:linear-gradient(90deg,rgba(42,66,86,.28),transparent)}.authorized small{white-space:nowrap;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.quote-panel{align-self:start;margin-top:34px;padding:26px 28px 24px;border:1px solid rgba(255,255,255,.58);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.18));-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);box-shadow:0 20px 45px rgba(2,14,28,.22),inset 0 1px rgba(255,255,255,.42);text-shadow:0 2px 9px rgba(0,0,0,.25)}.quote-mark{display:block;height:35px;color:#fff;font:700 49px/1 Roboto,sans-serif}.quote-panel blockquote{margin:7px 0 0;color:#fff;font-size:clamp(20px,1.65vw,27px);line-height:1.25;font-weight:500}.quote-line{display:block;width:35px;height:3px;margin:17px 0 13px;border-radius:3px;background:#be2a55}.quote-panel p{margin:0;color:rgba(255,255,255,.84);font-size:9px;white-space:nowrap}
.bottom-features{position:absolute;left:50%;bottom:48px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);width:min(780px,59vw);height:94px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.52);border-radius:16px;background:linear-gradient(145deg,rgba(8,31,53,.72),rgba(10,27,47,.55));-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);box-shadow:0 19px 42px rgba(1,12,24,.3),inset 0 1px rgba(255,255,255,.18)}.bottom-features article{display:flex;align-items:center;justify-content:center;gap:16px;padding:17px}.bottom-features article+article{border-left:1px solid rgba(255,255,255,.23)}.bottom-features svg{width:35px;height:35px;color:#fff;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}.bottom-features small,.bottom-features strong{display:block}.bottom-features small{color:rgba(255,255,255,.68);font-size:10px;text-transform:none}.bottom-features strong{margin-top:3px;color:#fff;font-size:13px}.login-footer{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 clamp(38px,4vw,76px);border-top:1px solid rgba(255,255,255,.12);background:rgba(3,18,33,.52);color:rgba(255,255,255,.64);font-size:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@keyframes card-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:1180px){.login-layout{grid-template-columns:minmax(320px,.9fr) minmax(380px,1fr);padding-bottom:155px}.quote-panel{display:none}.bottom-features{width:min(720px,76vw)}}
@media(max-width:800px){.login-page{min-height:100svh;overflow:auto;background-position:center}.login-overlay{background:linear-gradient(180deg,rgba(3,18,34,.64),rgba(3,18,34,.76)),linear-gradient(90deg,rgba(3,18,34,.62),rgba(3,18,34,.2))}.login-header{height:78px;padding:14px 18px}.login-header>p{display:none}.login-brand .cms-mark{width:46px;height:46px}.login-layout{height:auto;min-height:0;display:flex;flex-direction:column;gap:28px;padding:25px 18px 28px}.login-card-wrap{order:-1;width:min(100%,440px)}.login-card{padding:26px 24px 23px}.card-brand .cms-mark{width:58px;height:58px}.login-hero{width:min(100%,440px);transform:none}.login-hero h1{font-size:36px}.hero-line{margin:18px 0 15px}.hero-features{display:none}.login-hero>p{margin-bottom:0}.bottom-features{position:relative;left:auto;bottom:auto;width:calc(100% - 36px);height:82px;margin:0 auto 18px;transform:none}.bottom-features article{gap:6px;padding:10px 5px;text-align:center}.bottom-features svg{display:none}.bottom-features small{font-size:8px}.bottom-features strong{font-size:10px}.login-footer{position:relative;height:42px;padding:0 18px}.login-footer span:last-child{display:none}}
@media(max-width:420px){.login-brand strong{font-size:14px}.login-card{padding:24px 20px 21px}.card-brand>strong{font-size:17px}.login-hero h1{font-size:34px}}
@media(max-height:780px) and (min-width:801px){.login-header{height:76px;padding-top:13px;padding-bottom:13px}.login-layout{height:calc(100vh - 76px);min-height:535px;padding-top:15px;padding-bottom:132px}.login-hero{transform:translateY(-2px)}.login-hero h1{font-size:40px}.hero-line{margin:14px 0 12px}.login-hero>p{margin-bottom:15px}.hero-features{gap:9px}.hero-features article>svg{width:38px;height:38px;padding:8px}.login-card{width:410px;padding:22px 34px 20px}.card-brand .cms-mark{width:54px;height:54px}.card-brand>strong{margin-top:9px}.card-brand>p{margin:5px 0 10px}.login-card form>label{margin-top:9px}.field input{height:44px}.sign-in{height:46px;margin-top:15px}.authorized{margin-top:12px}.quote-panel{margin-top:24px}.bottom-features{bottom:42px;height:82px}.login-footer{height:32px}}
@media(prefers-reduced-motion:reduce){.login-card{animation:none}.hero-features article>svg,.field input,.password-toggle,.sign-in{transition:none}}