:root{--navy:#08275f;--slate:#697489;--green:#00715e}*{box-sizing:border-box}body{margin:0;background:#eef1f5;font-family:Manrope,Arial,sans-serif;color:var(--navy)}.login-screen{position:relative;isolation:isolate;overflow:hidden;width:min(100%,440px);min-height:100vh;margin:auto;background:radial-gradient(ellipse at 50% 31%,#fff 10%,#fcfdff 48%,#f5fbff 100%);padding:81px 34px 31px;display:flex;flex-direction:column}.brand-block{text-align:center;position:relative;z-index:1}.logo{width:99px;height:94px;filter:drop-shadow(0 8px 12px #2cddbd35)}h1{font-size:43px;line-height:1;margin:-1px 0 1px;letter-spacing:-2.2px;font-weight:800}.brand-block p{margin:0;color:#687286;font-size:16px;font-weight:600;letter-spacing:-.6px}.login-card{position:relative;z-index:1;margin-top:67px}.login-card h2{text-align:center;font-size:33px;letter-spacing:-1.5px;margin:0;font-weight:800}.login-card>p{text-align:center;color:#8894aa;margin:2px 0 38px;font-size:18px;letter-spacing:-.6px}.field{height:70px;margin-top:17px;border:1px solid #d7dfec;border-radius:17px;background:#ffffffa8;display:flex;align-items:center;padding:0 25px}.field input{border:0;outline:0;background:transparent;font:500 17px Manrope;width:100%;color:#30405b;padding-left:22px}.field input::placeholder{color:#6c7689}.field-icon{width:25px;height:27px;position:relative;display:block;flex:none}.user-icon:before{content:'';position:absolute;left:7px;top:0;width:11px;height:11px;border:3px solid #727c8d;border-radius:50%}.user-icon:after{content:'';position:absolute;bottom:0;left:1px;width:21px;height:11px;border:3px solid #727c8d;border-radius:14px 14px 0 0;border-bottom:0}.lock-icon:before{content:'';position:absolute;left:5px;top:0;width:13px;height:15px;border:3px solid #727c8d;border-radius:9px 9px 0 0}.lock-icon:after{content:'•';font-size:17px;text-align:center;line-height:21px;position:absolute;left:1px;bottom:0;width:23px;height:19px;border:3px solid #727c8d;border-radius:3px;color:#727c8d}.eye-icon{width:29px;height:22px;border:0;background:transparent;position:relative;cursor:pointer;flex:none}.eye-icon:before{content:'';position:absolute;left:1px;top:3px;width:21px;height:13px;border:3px solid #727c8d;border-radius:100%}.eye-icon:after{content:'';position:absolute;left:10px;top:8px;width:7px;height:7px;border-radius:50%;background:#727c8d}.login-options{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 38px;font-size:14px;color:#637086}.login-options a{color:#00705c;text-decoration:none;font-weight:600}.remember{display:flex;align-items:center;gap:8px;cursor:pointer}.remember input{display:none}.remember span{display:grid;place-items:center;width:23px;height:23px;border-radius:5px;background:#00715e;color:#fff;font-size:16px;font-weight:800}.remember input:not(:checked)+span{background:#fff;border:1px solid #a7b2c3;color:transparent}.login-button{height:71px;width:100%;border:0;border-radius:17px;background:linear-gradient(105deg,#006a5c,#007764);color:#fff;font:700 20px Manrope;cursor:pointer;box-shadow:0 9px 18px #03776520}.login-button b{font-size:31px;line-height:0;margin-left:13px;font-weight:400;vertical-align:-2px}.division{display:flex;align-items:center;gap:14px;color:#657087;font-size:13px;margin:65px 0 32px;white-space:nowrap}.division i{height:1px;background:#bac7db;flex:1}.ccu{display:flex;justify-content:center;align-items:center;gap:17px}.ccu strong{font-size:38px;letter-spacing:-4px;font-weight:800;background:linear-gradient(100deg,#007a5f,#65c333);background-clip:text;color:transparent}.ccu i{height:38px;width:1px;background:#b5bfd0}.ccu span{font-size:13px;line-height:1.45;font-weight:800;letter-spacing:.15px}.network{position:absolute;z-index:-1;left:-30px;top:35px;width:225px;height:275px;opacity:.45;background:linear-gradient(142deg,transparent 46%,#55d9c2 46.4%,transparent 47%),linear-gradient(35deg,transparent 51%,#55d9c2 51.5%,transparent 52%),linear-gradient(146deg,transparent 68%,#55d9c2 68.4%,transparent 69%)}.network i{position:absolute;border-radius:50%;width:16px;height:16px;background:#aeece4}.network i:nth-child(1){top:45px;left:57px}.network i:nth-child(2){top:97px;left:106px}.network i:nth-child(3){top:157px;left:58px}.network i:nth-child(4){top:112px;left:166px}.network i:nth-child(5){top:207px;left:126px}.network i:nth-child(6){top:245px;left:77px}.bars{position:absolute;right:-20px;bottom:64px;width:132px;height:255px;display:flex;align-items:end;gap:13px;opacity:.2}.bars i{width:28px;background:linear-gradient(#54d2c1,#99d8fa);border-radius:7px 7px 0 0}.bars i:nth-child(1){height:43px}.bars i:nth-child(2){height:86px}.bars i:nth-child(3){height:123px}.bars i:nth-child(4){height:181px}.bars i:nth-child(5){height:236px}.waves{position:absolute;z-index:-1;bottom:-25px;left:-70px;width:570px;height:190px;opacity:.65}.waves i{position:absolute;border-radius:50% 50% 0 0;border-top:1px solid #aee1ef;transform:rotate(4deg)}.waves i:nth-child(1){width:670px;height:185px;bottom:-100px;background:linear-gradient(160deg,transparent 45%,#d3f5ed 46%,#c5e9ff 78%,transparent 79%)}.waves i:nth-child(2){width:610px;height:152px;bottom:-89px;left:-17px;border-top-width:22px;border-color:#e3f9f7}.waves i:nth-child(3){width:580px;height:111px;bottom:-71px;left:35px;border-top:1px solid #addcec}footer{position:relative;z-index:1;margin-top:auto;text-align:center;color:#778cac;font-size:12px;letter-spacing:3px;font-weight:600}footer i{display:inline-block;width:1px;height:13px;background:#9aa9be;margin:0 8px -2px}.message{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);background:#0a2d62;color:#fff;border-radius:9px;padding:11px 14px;font-size:12px;opacity:0;transition:.2s;white-space:nowrap}.message.show{transform:translate(-50%,0);opacity:1}@media(min-width:441px){.login-screen{box-shadow:0 0 35px #0b17302b}}@media(max-width:380px){.login-screen{padding:55px 24px 25px}.login-card{margin-top:42px}.login-card>p{margin-bottom:24px}.division{margin-top:45px}}