/* ===== Reset ===== */
*{box-sizing:border-box;margin:0;padding:0}

/* ===== Layout ===== */
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#17161a;
  color:#dbdbdb;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ===== Card ===== */
.card{
  background:#272727;
  border:1px solid #434343;
  border-radius:14px;
  padding:42px;
  max-width:640px;
  width:90%;
  text-align:center;
  box-shadow:0 20px 40px rgba(0,0,0,.45);
}

h1{
  font-size:2rem;
  margin-bottom:14px;
  color: #fff;
}

.subtitle{
  color: #dbdbdb;
  margin-bottom:18px;
}

.info{
  color:#dbdbdb;
  margin-bottom:32px;
  line-height:1.5;
}

.dark-scheme-logo{
    min-height: 80px;
    max-height: 160px;
}

/* ===== Button ===== */
button{
  background:#E31E27;
  color:#fff;
  border:none;
  padding:14px 28px;
  font-size:1rem;
  border-radius:10px;
  cursor:pointer;
  transition:.2s ease;
}

button:hover{
  background:#b71118;
}

button:active{
  transform:scale(.96);
}