@font-face { font-family: 'VDC Display'; font-style: normal; font-weight: 400; font-display: swap; src: url('./cormorant-400.ttf') format('truetype'); }
@font-face { font-family: 'VDC Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('./inter-400.ttf') format('truetype'); }
@font-face { font-family: 'VDC Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('./inter-500.ttf') format('truetype'); }
@font-face { font-family: 'VDC Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('./inter-600.ttf') format('truetype'); }
html[data-vdc-login] { background: #001F3D !important; color-scheme: dark; }
html[data-vdc-login] body, html[data-vdc-login] #root, html[data-vdc-login] [data-vdc-auth-background] { background: #001F3D !important; }
html[data-vdc-login] body {
  --t-font-family: 'VDC Sans', Inter, system-ui, sans-serif;
  --t-font-color-primary: #FEFFF0;
  --t-font-color-secondary: rgba(254,255,240,.64);
  --t-font-color-light: rgba(254,255,240,.55);
  --t-background-primary: #001F3D;
  --t-background-secondary: #001F3D;
  --t-border-color-medium: rgba(254,255,240,.18);
  --t-color-blue: #B58D3D;
  color: #FEFFF0;
  font-family: 'VDC Sans', Inter, system-ui, sans-serif;
}
html[data-vdc-login] [data-vdc-auth-content] {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 500px;
  min-height: 100dvh;
  margin: auto !important;
  padding: 36px 24px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
html[data-vdc-login] [data-vdc-auth-masthead] { margin: 0 !important; height: 36px; }
html[data-vdc-login] [data-vdc-logo-group] { display: block !important; width: 64px !important; height: 36px !important; }
html[data-vdc-login] [data-vdc-logo-group] > :not([data-vdc-wordmark]) { display: none !important; }
html[data-vdc-login] [data-vdc-wordmark] { display: block; width: 64px; height: 36px; }
html[data-vdc-login] [data-vdc-wordmark] > div {
  background: url('./wordmark.png') center / contain no-repeat !important;
  width: 64px !important;
  height: 36px !important;
  border-radius: 0 !important;
}
html[data-vdc-login] [data-vdc-auth-heading] { margin: 16px 0 28px !important; padding: 0 !important; text-align: center; }
html[data-vdc-login] [data-vdc-auth-heading] > * { display: none !important; }
html[data-vdc-login] [data-vdc-auth-heading]::after {
  content: 'VDC login';
  color: #FEFFF0;
  font-family: 'VDC Display', Georgia, serif;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 400;
}
html[data-vdc-login] [data-vdc-auth-card] {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 440px;
  margin: 0 !important;
  padding: 26px 28px 28px !important;
  border: 1px solid rgba(254,255,240,.14);
  border-radius: 4px;
  background: rgba(254,255,240,.03);
}
html[data-vdc-login] [data-vdc-auth-card]::before {
  content: 'PRIVATE WORKSPACE';
  display: block;
  margin-bottom: 22px;
  color: #B58D3D;
  font: 500 10px/1.4 'VDC Sans', Inter, sans-serif;
  letter-spacing: .16em;
  text-align: center;
}
html[data-vdc-login] [data-vdc-auth-card] form { width: 100% !important; gap: 14px !important; }
html[data-vdc-login] [data-vdc-auth-card] form input {
  box-sizing: border-box;
  height: 44px !important;
  padding: 0 12px !important;
  background: rgba(254,255,240,.04) !important;
  color: #FEFFF0 !important;
  border: 1px solid rgba(254,255,240,.18) !important;
  border-radius: 3px !important;
  font: 400 14px 'VDC Sans', Inter, system-ui, sans-serif !important;
}
html[data-vdc-login] [data-vdc-auth-card] form input::placeholder { color: rgba(254,255,240,.48) !important; }
html[data-vdc-login] [data-vdc-auth-card] form input:focus { outline: 1px solid #B58D3D !important; box-shadow: none !important; border-color: #B58D3D !important; }
html[data-vdc-login] [data-vdc-auth-card] form input:-webkit-autofill { -webkit-text-fill-color: #FEFFF0; -webkit-box-shadow: 0 0 0 1000px #092A47 inset; }
html[data-vdc-login] [data-vdc-auth-card] button[type='submit'] {
  height: 44px !important;
  background: #B58D3D !important;
  border: 1px solid #B58D3D !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  color: #001F3D !important;
  font: 500 14px 'VDC Sans', Inter, system-ui, sans-serif !important;
}
html[data-vdc-login] [data-vdc-auth-card] button[type='submit']:hover:not(:disabled) { background: #C39C4B !important; }
html[data-vdc-login] [data-vdc-auth-card] button:disabled { opacity: .45; }
html[data-vdc-login] [data-vdc-auth-card] a { color: rgba(254,255,240,.64) !important; font-size: 12px; }
html[data-vdc-login] [data-vdc-auth-card] [data-testid='reveal-password-button'] { color: rgba(254,255,240,.64) !important; }
html[data-vdc-login] [data-vdc-auth-legal] { margin: 24px 0 0 !important; font-size: 11px !important; color: rgba(254,255,240,.4) !important; }
html[data-vdc-login] [data-vdc-auth-legal] a { color: rgba(254,255,240,.4) !important; }
@media (max-width:480px) {
  html[data-vdc-login] [data-vdc-auth-content] { padding: 24px 20px !important; }
  html[data-vdc-login] [data-vdc-auth-card] { padding: 24px 22px !important; }
  html[data-vdc-login] [data-vdc-auth-heading]::after { font-size: 30px; }
}