:root{
  --dubois-global-background-color: #11171C;
  --dubois-global-color: #E8ECF0;
  --button-primary-background-color: #2374bb;
  --button-primary-background-hover-color: #4093db;
  --button-primary-text-color: #fff;
}
body.body-login{
  background: var(--dubois-global-background-color);
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
  color: var(--dubois-global-color);
}
.db-login-viewport{display:flex;align-items:center;justify-content:center;height:100vh;padding:20px;}
.db-login-card{background:linear-gradient(180deg, rgba(24,27,31,0.9), rgba(20,23,26,0.95));border-radius:16px;box-shadow:rgba(0,0,0,0.36) 0 8px 24px;padding:40px;width:400px;box-sizing:border-box;text-align:center}
.db-login-card h2{margin:0 0 18px;font-size:20px;color:var(--dubois-global-color)}
.db-login-cta{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:var(--button-primary-background-color);color:var(--button-primary-text-color);border-radius:8px;text-decoration:none;font-weight:600}
.db-login-cta:hover{background:var(--button-primary-background-hover-color)}
.db-login-cta img{width:20px;height:20px;filter:var(--invert-filter,none)}
.db-login-note{display:block;margin-top:18px;color:#9aa6b1;font-size:13px}
@media (max-width:420px){.db-login-card{width:100%;padding:24px}}