#loginView.login-view {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  text-align: center;
  background: radial-gradient(circle at 50% 48%, rgba(67, 112, 166, .28) 0 4%, transparent 16%), repeating-conic-gradient(from -18deg at 50% 50%, transparent 0deg, transparent 7deg, rgba(31, 95, 152, .26) 8deg, transparent 10deg, transparent 20deg, rgba(105, 36, 132, .18) 22deg, transparent 25deg), linear-gradient(90deg, #202438, #22263c 48%, #1d2238);
  color: #c7cedb;
}
#loginView .login-tools { display: none !important; }
#loginView .login-hero { width: 410px; margin: 0 auto 18px; padding: 0; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#loginView .login-hero .lock-box, #loginView .login-hero p { display: none !important; }
#loginView .login-hero::before { content: "MIR"; display: block; height: 52px; margin: 0 auto 12px; color: #f4f0ea; font-family: Georgia, "Times New Roman", serif; font-size: 38px; font-weight: 900; line-height: 52px; text-shadow: 0 .08em .18em rgba(0,0,0,.72), 0 0 .22em rgba(202,20,40,.18); }
#loginView .login-hero h1 { margin: 0; color: #d8dee8; font-size: 15px; font-weight: 800; letter-spacing: 0; }
#loginView .login-panel { position: relative; width: 410px; margin: 0 auto; padding: 64px 53px 50px; background: linear-gradient(transparent 1px, #2b2f3b 0, #232630), radial-gradient(at top, #50566a, #2b2f3b 70%); border: 0; border-radius: 14px; box-shadow: 0 0 0 1px #0e1315, 0 0 5px rgba(0,0,0,.2), 0 0 10px rgba(0,0,0,.3); }
#loginView .login-panel label { display: block; margin: 0; }
#loginView .login-panel label + label { margin-top: 9px; }
#loginView .login-panel label > span { display: none !important; }
#loginView .input-shell { position: relative; display: block; height: 54px; overflow: hidden; background: #151a22; border: 1px solid #0f1218; border-radius: 5px; box-shadow: 0 1px #313543; }
#loginView .input-shell input { width: 100%; height: 100%; padding: 0 45px; color: #aaa9a9; font-size: 13px; background: transparent; border: 0; outline: 0; caret-color: #aaa9a9; }
#loginView .input-shell input::placeholder { color: #566172; }
#loginView .input-icon { position: absolute; left: 16px; top: 50%; z-index: 1; width: 20px; height: 20px; margin-top: -10px; color: #697386; opacity: 1; }
#loginView .input-icon.right { left: auto; right: 14px; display: grid; place-items: center; padding: 0; background: transparent; border: 0; }
#loginView .login-button { display: block; width: 100%; height: 57px; margin-top: 24px; color: #fff; font-size: 16px; font-weight: 700; background: linear-gradient(#3e73b7, #3264a7); border: 0; border-radius: 29px; box-shadow: inset 0 1px rgba(255,255,255,.12), 0 2px 4px rgba(0,0,0,.2); }
@media (max-width: 700px) { #loginView .login-hero, #loginView .login-panel { width: min(410px, calc(100vw - 30px)); } #loginView .login-panel { padding: 44px 42px; } #loginView .input-shell { height: 46px; } #loginView .login-button { height: 44px; font-size: 14px; } }