@font-face{font-family:Sora;font-weight:300;font-display:swap;src:url("/assets/fonts/sora-300.woff2") format("woff2")}
@font-face{font-family:Sora;font-weight:400;font-display:swap;src:url("/assets/fonts/sora-400.woff2") format("woff2")}
@font-face{font-family:Sora;font-weight:500;font-display:swap;src:url("/assets/fonts/sora-500.woff2") format("woff2")}
@font-face{font-family:Sora;font-weight:600;font-display:swap;src:url("/assets/fonts/sora-600.woff2") format("woff2")}

body.inodin-login{background:#141d3a !important;font-family:Sora,system-ui,sans-serif}
body.inodin-login #navbar,
body.inodin-login .page-content.user.signin .ui.top.attached.header,
body.inodin-login .page-footer,
body.inodin-login footer,
body.inodin-login .divider.divider-text,
body.inodin-login .oauth-login-link,
body.inodin-login .signin-openid,
body.inodin-login a[href*="openid"]{display:none !important}
body.inodin-login .full.height{display:flex;align-items:center;justify-content:center;min-height:100vh}
body.inodin-login .page-content.user.signin{width:100%;font-family:Sora,system-ui,sans-serif}
body.inodin-login .page-content.user.signin .ui.middle.page.grid,
body.inodin-login .page-content.user.signin .column{display:block !important;width:auto !important}

body.inodin-login .inodin-card{
  background:#fff !important;border:2px solid #22b0f2 !important;border-radius:14px !important;
  box-shadow:0 0 20px rgba(34,176,242,.55),0 24px 60px rgba(0,0,0,.4) !important;
  padding:40px 44px 38px !important;max-width:510px !important;width:100% !important;margin:0 auto !important}
.inodin-logo{display:block;margin:4px auto 26px;width:205px;max-width:70%}
.inodin-passkey{
  display:block !important;margin:0 auto !important;width:auto !important;min-height:0 !important;
  padding:11px 22px !important;font:600 15px Sora,sans-serif !important;color:#fff !important;
  background:#0d9fe0 !important;border:none !important;border-radius:9px !important;
  box-shadow:0 6px 16px rgba(13,159,224,.32) !important;text-align:center}
.inodin-passkey:hover{filter:brightness(1.05)}
.inodin-toggle{display:block;margin:14px auto 0;background:none;border:none;font:600 13px Sora,sans-serif;color:#16213e;cursor:pointer;padding:0}
.inodin-toggle:hover{text-decoration:underline}
.inodin-form{display:none !important;margin-top:22px}
.inodin-form.open{display:block !important}
body.inodin-login .inodin-form .field{margin-bottom:14px !important}
body.inodin-login .inodin-form .field>label{font:600 14px Sora,sans-serif !important;color:#16213e !important;margin-bottom:6px !important}
body.inodin-login .inodin-form input[type=text],
body.inodin-login .inodin-form input[type=password]{
  background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;
  padding:12px 14px !important;font:400 15px Sora,sans-serif !important;color:#16213e !important}
body.inodin-login .inodin-form input::placeholder{color:#94a3b8}
body.inodin-login .inodin-form input:focus{border-color:#0d9fe0 !important;background:#fff !important;box-shadow:0 0 0 3px rgba(13,159,224,.16) !important}
.inodin-inp{position:relative}
.inodin-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:none;color:#64748b;cursor:pointer;padding:4px;display:flex}
body.inodin-login .inodin-form .inline.field{margin-top:6px !important}
body.inodin-login .inodin-form .inline.field label{font:500 14px Sora,sans-serif !important;color:#334155 !important}
body.inodin-login .inodin-form button.primary{
  width:100% !important;margin-top:16px !important;padding:13px !important;
  font:700 15px Sora,sans-serif !important;color:#fff !important;
  background:#0d9fe0 !important;border:none !important;border-radius:8px !important;
  box-shadow:0 6px 16px rgba(13,159,224,.3) !important}
body.inodin-login .inodin-form button.primary:hover{filter:brightness(1.05)}