:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #172033;
  background: #f3f5f8;
}

* { box-sizing: border-box; }

body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

.access-card {
  width: min(100%, 430px);
  padding: 30px;
  background: #fff;
  border: 1px solid #dde2e9;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(23, 32, 51, .1);
}

.back-link { color: #596579; text-decoration: none; font-size: 14px; }
.access-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 28px 0 14px; border-radius: 14px; background: #eef2ff; font-size: 24px; }
.access-icon.success { color: #147a43; background: #e9f8ef; font-weight: 800; }
h1 { margin: 0 0 10px; font-size: 28px; }
p { margin: 0 0 24px; color: #596579; line-height: 1.55; }
label { display: block; margin-bottom: 8px; font-weight: 700; }
input[type="password"] { width: 100%; padding: 13px 14px; border: 1px solid #b8c1cf; border-radius: 10px; font: inherit; }
input[type="password"]:focus { outline: 3px solid rgba(55, 94, 210, .18); border-color: #375ed2; }
.primary-button, .secondary-button, .primary-link { width: 100%; margin-top: 14px; padding: 13px 18px; border-radius: 10px; border: 0; font: inherit; font-weight: 750; text-align: center; cursor: pointer; }
.primary-button, .primary-link { display: block; background: #294eb8; color: #fff; text-decoration: none; }
.secondary-button { background: #eef1f5; color: #263247; }
.error-message { margin-bottom: 16px; padding: 11px 13px; border-radius: 9px; background: #fff0f0; color: #a12626; font-size: 14px; }