*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif}body{background:#fff;color:#22272e}.login{min-height:100svh;padding:24px}.login__wrapper{position:relative;isolation:isolate;min-height:calc(100svh - 48px);display:flex;align-items:center;justify-content:center;padding:72px 0 100px}.login__background{position:absolute;inset:0;z-index:-1;border-radius:32px;overflow:hidden;background:linear-gradient(140deg,#053d88,#006cff 65%,#002768)}.login__background video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.login__background:after{content:'';position:absolute;inset:0;background:rgba(0,108,255,.60)}.login__block{width:1157px;max-width:100%;display:flex;justify-content:space-between;padding:0 40px;gap:40px}.login__title{display:flex;flex-direction:column;justify-content:space-between;padding:12px 0;flex:1}.login__logo{width:271px;height:auto;filter:brightness(0) invert(1)}.login__claim{margin-top:70px}.login__claim h1{font-size:28px;line-height:1.2;letter-spacing:.28px;font-weight:700;color:rgba(255,255,255,.65);margin:0 0 18px}.login__claim span{display:block;font-size:64px;line-height:1;letter-spacing:.64px;text-transform:uppercase;font-weight:900;color:rgba(255,255,255,.95)}.login__form{padding:42px 40px 40px;background:#fff;border-radius:24px;width:461px;max-width:100%;flex-shrink:0;box-shadow:0 20px 60px #003a7a20}.login__context{font-size:11px;font-weight:700;letter-spacing:1.5px;text-align:center;text-transform:uppercase;color:#8092a6;margin-bottom:18px}.login__form h2{font-size:34px;line-height:1;letter-spacing:-.6px;font-weight:700;color:#006cff;margin:0 0 12px;text-align:center}.login__form>p{color:#626e7a;font-size:15px;line-height:20px;margin:0 0 38px;text-align:center}.login__item{position:relative;margin-top:30px}.login__item input{width:100%;height:50px;padding:0 20px;font:400 14px Arial,sans-serif;color:#22272e;outline:none;border-radius:4px;border:1px solid #c9d3df;background:#fff;box-shadow:0 2px 2px #0000000d}.login__item label{position:absolute;top:0;left:0;padding:0 20px;line-height:50px;font-size:14px;color:#254853;transition:all .2s;pointer-events:none}.login__item input:focus{border-color:#006cff;box-shadow:0 0 0 3px #006cff14}.login__item input:focus+label,.login__item input:not(:placeholder-shown)+label,.login__item input:-webkit-autofill+label{top:-18px;line-height:14px;padding:0}.login__submit{width:100%;height:46px;padding:0 24px;margin-top:28px;background:#006cff;color:#fff;font-size:15px;font-weight:500;border:0;border-radius:4px;cursor:pointer;transition:background .2s,transform .2s}.login__submit span{display:inline-block;margin-left:10px;font-size:20px;vertical-align:-1px}.login__submit:hover{background:#005de0;transform:translateY(1px)}.login__submit:focus-visible,.login__switch:focus-visible{outline:3px solid #72b0ff;outline-offset:3px}.login__switch{display:block;text-align:center;margin-top:24px;font-size:13px;color:#626e7a;text-underline-offset:3px}.login__switch:hover{color:#006cff}.login__error{font-size:13px;line-height:1.5;padding:12px;border:1px solid #fecaca;border-radius:4px;background:#fff1f2;color:#9f1239;margin-bottom:30px}footer{position:absolute;bottom:38px;left:0;width:100%;text-align:center;padding:0 12px;font-size:12px;line-height:16px;color:rgba(255,255,255,.6)}
@media(max-width:992px){.login__wrapper{padding:40px 0 80px}.login__block{flex-direction:column;align-items:center;gap:28px}.login__title{align-items:center;padding:0}.login__logo{width:205px}.login__claim{margin-top:22px}.login__claim h1{font-size:22px;margin:0;text-align:center}.login__claim>div{display:none}.login__form{width:461px}.login__wrapper footer{bottom:25px}}
@media(max-width:575px){.login{padding:12px}.login__wrapper{min-height:calc(100svh - 24px)}.login__background{border-radius:24px}.login__block{padding:0 16px;gap:24px}.login__form{padding:30px 24px;border-radius:20px}.login__form h2{font-size:29px}.login__form>p{font-size:14px}.login__logo{width:180px}.login__claim h1{font-size:20px}.login__item label{font-size:12px}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.login__background video{display:none}}