/* Fan30Tech test-access page aligned with auth login/signup theme | sit v85 */

:root {
  --auth-bg: #050911;
  --auth-surface: rgba(7, 9, 16, 0.24);
  --auth-panel: linear-gradient(145deg, rgba(11, 14, 24, 0.78), rgba(7, 9, 16, 0.66));
  --auth-story: linear-gradient(155deg, rgba(17, 17, 23, 0.30) 0%, rgba(14, 14, 18, 0.20) 48%, rgba(9, 9, 11, 0.14) 100%);
  --auth-border: rgba(223, 190, 108, 0.18);
  --auth-border-strong: rgba(223, 190, 108, 0.32);
  --auth-text: #fff7e6;
  --auth-text-muted: #d9c8a0;
  --auth-gold: #d6b15a;
  --auth-green: #9fd9ba;
  --auth-green-bg: rgba(11, 38, 31, 0.7);
}

html,
body {
  background-color: var(--auth-bg) !important;
}

.page-background {
  z-index: 0;
  background: url("../pictures/auth-v96/login-background-calm.png") center center / cover no-repeat fixed !important;
}

.page-background::before {
  content: none !important;
}

.page-background__overlay,
.page-background__grid,
.page-background__glow {
  display: none !important;
  background: none !important;
}

.admin-login-page {
  position: relative;
  z-index: 1;
}

.login-shell {
  background: var(--auth-surface) !important;
  box-shadow:
    0 28px 96px rgba(0, 0, 0, 0.54),
    inset 0 1px 0 rgba(255, 247, 230, 0.08) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

.login-shell::before {
  content: none;
}

.login-panel {
  background: var(--auth-panel) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.login-showcase {
  background: var(--auth-story) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.showcase-brand__logo-wrap,
.mobile-brand__logo-wrap,
.showcase-features span,
.showcase-signature,
.back-link,
.admin-badge,
.form-field__control,
.security-notice {
  background: rgba(8, 8, 8, 0.52) !important;
  border-color: var(--auth-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 230, 0.05);
}

.showcase-brand__logo-wrap,
.mobile-brand__logo-wrap {
  border-color: var(--auth-border-strong) !important;
}

.showcase-brand__identity strong,
.mobile-brand__identity strong,
.showcase-content h2,
.login-introduction__title,
.showcase-signature strong,
.form-field__label,
.security-notice p {
  color: var(--auth-text) !important;
}

.showcase-brand__identity small,
.mobile-brand__identity small,
.showcase-content p,
.login-introduction__description,
.showcase-signature span,
.showcase-features span,
.back-link,
.admin-badge,
.security-notice p,
.form-field__input::placeholder {
  color: var(--auth-text-muted) !important;
}

.showcase-content__eyebrow,
.login-introduction__eyebrow {
  color: var(--auth-gold) !important;
}

.admin-badge {
  background: var(--auth-green-bg) !important;
  border-color: rgba(149, 213, 178, 0.26) !important;
  color: #dbf6e8 !important;
}

.form-field__control {
  border-width: 1px !important;
}

.form-field__input {
  color: var(--auth-text) !important;
}

.form-field__icon,
.password-toggle,
.back-link i,
.security-notice__icon,
.showcase-features i {
  color: var(--auth-gold) !important;
}

.submit-button {
  color: #17120a !important;
  background: linear-gradient(135deg, #e6c56d 0%, #d6b15a 56%, #c5963f 100%) !important;
  border: 1px solid rgba(255, 239, 195, 0.18) !important;
  box-shadow: 0 18px 40px rgba(188, 137, 53, 0.28) !important;
}

.submit-button:hover {
  filter: brightness(1.04);
}

@media (max-width: 920px) {
  .login-panel,
  .login-showcase {
    background: transparent !important;
  }

  .login-shell {
    background: linear-gradient(155deg, rgba(13, 18, 28, 0.84), rgba(7, 9, 16, 0.72)) !important;
  }
}

@media (max-width: 760px) {
  .page-background {
    background-attachment: scroll !important;
  }
}