/* Served directly, without modern CSS transforms. No framework JS is required. */
html:not([data-wordly-enhanced]) body {
  font-family: Arial, sans-serif;
  color: #16181d;
}
html:not([data-wordly-enhanced]) .landing-video-background,
html:not([data-wordly-enhanced]) .language-switcher,
html:not([data-wordly-enhanced]) .landing-hero::before,
html:not([data-wordly-enhanced]) .wave-toggle {
  display: none;
}
html:not([data-wordly-enhanced]) .login-panel,
html:not([data-wordly-enhanced]) .landing-card,
html:not([data-wordly-enhanced]) .quiet-glass-button {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:not([data-wordly-enhanced]) .landing-page {
  min-height: 100vh;
  overflow: hidden;
  background: #e8f6ff url("/images/wordly-wave-background-2k.png") center /
    cover no-repeat;
}
html:not([data-wordly-enhanced]) .landing-account-links,
html:not([data-wordly-enhanced]) .wordly-mark,
html:not([data-wordly-enhanced]) .landing-heading,
html:not([data-wordly-enhanced]) .landing-description,
html:not([data-wordly-enhanced]) .journey-button,
html:not([data-wordly-enhanced]) .landing-cards {
  opacity: 1;
  animation: none;
  transform: none;
}
html:not([data-wordly-enhanced]) .landing-header {
  padding: 20px;
  justify-content: flex-end;
}
html:not([data-wordly-enhanced]) .quiet-glass-button {
  padding: 12px 16px;
  margin-left: 8px;
  font-size: 14px;
  background: #ffffff;
  color: #1854d6;
}
html:not([data-wordly-enhanced]) .landing-hero {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  width: auto;
  max-width: 680px;
  margin: 48px auto;
  padding: 0 24px;
}
html:not([data-wordly-enhanced]) .wordly-mark {
  width: 80%;
  max-width: 400px;
  height: auto;
  margin: 0 auto 24px;
}
html:not([data-wordly-enhanced]) .wordly-mark-full {
  width: 100%;
  height: auto;
}
html:not([data-wordly-enhanced]) .landing-heading {
  font-size: 30px;
  line-height: 1.3;
  color: #123b75;
}
html:not([data-wordly-enhanced]) .landing-description {
  font-size: 16px;
  line-height: 1.6;
  color: #36577f;
}
html:not([data-wordly-enhanced]) .journey-button {
  font-size: 16px;
  padding: 16px 24px;
  background: #1854d6;
  color: #ffffff;
}
html:not([data-wordly-enhanced]) .landing-cards {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  margin: 24px;
}
html:not([data-wordly-enhanced]) .landing-cards > aside {
  position: relative;
  inset: auto;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
  width: 280px;
  margin: 12px;
  background: rgba(255, 255, 255, 0.9);
}
html:not([data-wordly-enhanced]) .login-page {
  min-height: 100vh;
  overflow: visible;
  padding: 20px;
  font-family: Arial, sans-serif;
  color: #16181d;
}
html:not([data-wordly-enhanced]) .login-panel {
  display: table;
  width: 100%;
  max-width: 1030px;
  height: auto;
  min-height: 0;
  max-height: none;
  transform: none;
  animation: none;
  background: rgba(255, 255, 249, 0.88);
  border: 1px solid #ffffff;
  border-radius: 28px;
  box-shadow: 0 10px 28px rgba(44, 105, 165, 0.14);
}
html:not([data-wordly-enhanced]) .login-brand-side {
  display: table-cell;
  vertical-align: top;
  width: 44%;
  padding: 50px 20px;
  text-align: center;
}
html:not([data-wordly-enhanced]) .login-wordmark {
  display: block;
  width: 191px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  transform: none;
}
html:not([data-wordly-enhanced]) .login-panel-divider {
  display: none;
}
html:not([data-wordly-enhanced]) .login-illustration {
  position: relative;
  width: 320px;
  max-width: 100%;
  margin: 0 auto;
}
html:not([data-wordly-enhanced]) .login-illustration picture,
html:not([data-wordly-enhanced]) .login-illustration img {
  display: block;
  width: 100%;
  height: auto;
}
html:not([data-wordly-enhanced]) .login-illustration-player {
  display: none;
}
html:not([data-wordly-enhanced]) .login-form-side {
  display: table-cell;
  vertical-align: middle;
  padding: 40px 32px;
}
html:not([data-wordly-enhanced]) .login-form-header {
  display: block;
  margin-bottom: 24px;
  transform: none;
}
html:not([data-wordly-enhanced]) .login-form h1 {
  font-family: Arial, sans-serif;
  font-size: 30px;
  color: #16181d;
}
html:not([data-wordly-enhanced]) .login-subtitle {
  margin-top: 6px;
  font-size: 14px;
}
html:not([data-wordly-enhanced]) .login-field-group {
  display: block;
}
html:not([data-wordly-enhanced]) .login-field-group label {
  display: inline-block;
  margin-bottom: 7px;
  color: #16181d;
}
html:not([data-wordly-enhanced]) .login-form input:not([type="hidden"]) {
  background: #ffffff;
  color: #16181d;
  font-size: 16px;
}
html:not([data-wordly-enhanced]) .login-primary {
  background: #1854d6;
}
html:not([data-wordly-enhanced]) .login-text-action,
html:not([data-wordly-enhanced]) .login-signup-line button,
html:not([data-wordly-enhanced]) .login-signup-line a {
  color: #16181d;
}
html:not([data-wordly-enhanced]) .account-page .login-panel {
  min-height: 0;
}
html:not([data-wordly-enhanced]) .login-socials {
  display: flex;
}
html:not([data-wordly-enhanced]) .login-socials button {
  flex: 1;
  margin-right: 6px;
  background: #ffffff;
  border: 1px solid #b8cddd;
  color: #16181d;
}
html:not([data-wordly-enhanced]) .login-socials button:last-child {
  margin-right: 0;
}
html:not([data-wordly-enhanced]):not([data-wordly-basic-script])
  .login-password-toggle {
  display: none;
}
html:not([data-wordly-enhanced]) .audio-wave span,
html:not([data-wordly-enhanced]) .content-refresh {
  animation: none;
}
html:not([data-wordly-enhanced]) .login-socials img {
  margin-right: 4px;
}
html:not([data-wordly-enhanced]) .site-main,
html:not([data-wordly-enhanced]) .learner-nav {
  width: auto;
  max-width: 1088px;
  margin-left: 16px;
  margin-right: 16px;
}
html:not([data-wordly-enhanced]) .rebuild-shell {
  width: auto;
  background: #ffffff;
  padding: 24px;
}
html:not([data-wordly-enhanced]) .rebuild-shell h1 {
  font-size: 32px;
}
html:not([data-wordly-enhanced]) .learner-nav a {
  display: inline-block;
  margin: 4px;
}
@media (max-width: 700px), (hover: none) and (pointer: coarse) {
  html:not([data-wordly-enhanced]) .login-illustration {
    display: none;
  }
}

@media (max-width: 700px) {
  html:not([data-wordly-enhanced]) .login-page {
    padding: 12px;
  }
  html:not([data-wordly-enhanced]) .login-panel {
    display: block;
    max-width: 430px;
  }
  html:not([data-wordly-enhanced]) .login-brand-side {
    display: block;
    width: auto;
    padding: 22px 18px 5px;
  }
  html:not([data-wordly-enhanced]) .login-wordmark {
    width: 168px;
  }
  html:not([data-wordly-enhanced]) .login-form-side {
    display: block;
    padding: 14px 26px 24px;
  }
  html:not([data-wordly-enhanced]) .login-form h1 {
    font-size: 33px;
  }
  html:not([data-wordly-enhanced]) .login-field-label-row label {
    margin-bottom: 0;
  }
  html:not([data-wordly-enhanced]) .login-field-label-row {
    margin-bottom: 7px;
  }
}