:root{--login-navy:#061d36;--login-navy-2:#0a2b4a;--login-cyan:#18b7c6;--login-orange:#ff6b45;--login-paper:#fffdfa;--login-ink:#102943;--login-muted:#728294;--login-line:#d8dee3}*{box-sizing:border-box}.cms-login-page{min-height:100vh;color:var(--login-ink);-webkit-font-smoothing:antialiased;background:#f3f1eb;grid-template-columns:minmax(440px,42%) 1fr;font-family:Avenir Next,Inter,Helvetica Neue,Arial,sans-serif;display:grid}.cms-login-card{background:var(--login-paper);border:1px solid #1029431a;border-radius:22px;width:min(460px,100% - 56px);margin:auto;padding:46px 48px;box-shadow:0 26px 70px #0b26401a}.cms-login-brand{border-bottom:1px solid var(--login-line);align-items:center;gap:14px;padding-bottom:36px;display:flex}.cms-login-brand>span{background:#f4f2ec;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;overflow:hidden;box-shadow:0 8px 25px #10294321}.cms-login-brand img{border-radius:50%}.cms-login-brand b,.cms-login-brand small{display:block}.cms-login-brand b{letter-spacing:.035em;font-size:19px}.cms-login-brand small{color:var(--login-muted);letter-spacing:.14em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:750}.cms-login-copy{padding:36px 0 25px}.cms-login-copy p,.cms-login-copy h1,.cms-login-copy span{margin:0}.cms-login-copy p{color:#078999;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:850}.cms-login-copy h1{letter-spacing:-.05em;margin-top:10px;font-size:34px;line-height:1.08}.cms-login-copy>span{color:var(--login-muted);margin-top:14px;font-size:12px;line-height:1.65;display:block}.cms-login-error{color:#a3422f;background:#fff1ed;border:1px solid #f0c9be;border-radius:9px;margin:0 0 18px;padding:11px 13px;font-size:11px;font-weight:700;line-height:1.45}.cms-login-form{gap:16px;display:grid}.cms-login-form label>span{margin-bottom:7px;font-size:10px;font-weight:800;display:block}.cms-login-form input{border:1px solid var(--login-line);width:100%;height:52px;color:var(--login-ink);font:inherit;background:#fff;border-radius:10px;outline:none;padding:0 15px;font-size:14px;transition:all .18s}.cms-login-form input:focus{border-color:var(--login-cyan);box-shadow:0 0 0 3px #18b7c61f}.cms-login-form button{border:1px solid var(--login-navy);background:var(--login-navy);color:#fff;height:52px;font:inherit;cursor:pointer;border-radius:10px;margin-top:4px;padding:0 18px;font-size:11px;font-weight:850}.cms-login-form button:hover{background:var(--login-navy-2)}.cms-login-form button span{float:right;color:#63e2e9;font-size:17px}.cms-login-card>footer{border-top:1px solid var(--login-line);align-items:center;gap:10px;margin-top:30px;padding-top:22px;display:flex}.cms-login-status{background:#41c898;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #41c8981f}.cms-login-card>footer p{margin:0}.cms-login-card>footer b,.cms-login-card>footer small{display:block}.cms-login-card>footer b{font-size:9px}.cms-login-card>footer small{color:var(--login-muted);margin-top:3px;font-size:8px}.cms-login-aside{color:#fff;background:radial-gradient(circle at 74% 25%,#1aaebd38,#0000 30%),linear-gradient(130deg,#061d36 0%,#0a3458 60%,#09576d 100%);align-items:flex-end;padding:70px;display:flex;position:relative;overflow:hidden}.cms-login-aside:before,.cms-login-aside:after{content:"";border:1px solid #52dbe433;border-radius:50%;position:absolute}.cms-login-aside:before{width:700px;height:700px;top:-220px;right:-260px;box-shadow:0 0 0 80px #0fa7b509,0 0 0 160px #0fa7b506}.cms-login-aside:after{width:280px;height:280px;top:15%;right:12%;box-shadow:0 0 0 45px #ffffff05}.cms-login-aside>div{z-index:1;max-width:690px;position:relative}.cms-login-aside p,.cms-login-aside h2,.cms-login-aside span{margin:0}.cms-login-aside p{color:#6ce0e6;letter-spacing:.18em;font-size:10px;font-weight:850}.cms-login-aside h2{letter-spacing:-.055em;margin-top:18px;font-size:clamp(42px,5vw,72px);font-weight:650;line-height:1.03}.cms-login-aside h2 em{color:var(--login-orange);font-style:normal}.cms-login-aside span{color:#b9cbd8;margin-top:24px;font-size:14px;display:block}.cms-login-card>footer{color:var(--login-ink);background:0 0}@media (max-width:920px){.cms-login-page{grid-template-columns:1fr}.cms-login-aside{display:none}.cms-login-card{margin:44px auto}}@media (max-width:520px){.cms-login-page{background:var(--login-paper)}.cms-login-card{width:100%;box-shadow:none;border:0;border-radius:0;margin:0;padding:32px 24px}.cms-login-copy h1{font-size:31px}}