.circle-login{background:radial-gradient(at top,#073b6b 0,#0000 60%),#020d17;place-items:center;min-height:100svh;padding:70px 20px;display:grid}.login-back{color:#abcbe9;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;top:24px;right:28px}.circle-login section{background:#051728e8;border:1px solid #24567c;border-radius:25px;width:440px;max-width:100%;padding:36px;box-shadow:0 30px 100px #0006}.circle-login section>img{border-radius:50%;width:96px;margin:0 auto 15px}.circle-login section>span{text-align:center;color:#00b5fa;letter-spacing:4px;font-size:11px;display:block}.circle-login h1{text-align:center;margin:15px 0 6px;font-size:26px}.circle-login section>p{text-align:center;font-size:11px}.circle-login label{margin:20px 0 8px;font-size:12px;display:block}.circle-login input{color:#fff;outline-offset:2px;background:#020d17;border:1px solid #2b506c;border-radius:10px;width:100%;margin-top:8px;padding:12px;display:block}.password-field{position:relative}.password-field input{padding-right:45px}.password-field>button{color:#9bb9d0;background:0 0;padding:3px;position:absolute;top:10px;right:10px}.circle-login form>.btn{width:100%;margin:22px 0 16px}.circle-login small{text-align:center;color:#7192ad;font-size:10px;display:block}.login-error{color:#ffb6b6;margin-top:15px;font-size:11px}@media (max-width:500px){.circle-login section{padding:28px 23px}.circle-login h1{font-size:23px}}