/* Fan30Tech Welcome visual effects reduction | sit v41 */

/* ===== Shared Background Effects Start ===== */
.page-background {
  background: linear-gradient(180deg, #070707 0%, #040404 100%);
}

.page-background__overlay {
  background: linear-gradient(180deg, rgba(5, 5, 5, 0.18), rgba(5, 5, 5, 0.72));
}

.page-background__glow {
  display: none;
}
/* ===== Shared Background Effects End ===== */

/* ===== Welcome Shell Effects Start ===== */
.welcome-shell {
  background: rgba(8, 8, 8, 0.92);
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.5);
}

.welcome-shell::before {
  display: none;
}

.welcome-visual {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.018), rgba(0, 0, 0, 0.12));
}

.welcome-visual::after {
  border: 1px solid rgba(214, 177, 90, 0.075);
  background: transparent;
  filter: none;
}

.visual-orbit--outer::before,
.visual-orbit--inner::before {
  box-shadow: none;
}

.visual-logo-card__shine {
  display: none;
}

.primary-button {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition:
    border-color var(--transition-fast),
    background-color var(--transition-fast),
    color var(--transition-fast);
}

.primary-button:hover,
.primary-button:active {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  filter: none;
  transform: none;
}

.primary-button:hover {
  border-color: rgba(255, 231, 166, 0.5);
}

.primary-button:hover .fa-arrow-left {
  transform: none;
}

.status-badge__dot {
  box-shadow: none;
}

.status-badge__dot::after {
  display: none;
}
/* ===== Welcome Shell Effects End ===== */

/* ===== Welcome Login Shell Effects Start ===== */
.login-shell {
  background: rgba(8, 8, 8, 0.94);
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.5);
}

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

.login-showcase {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.018), rgba(0, 0, 0, 0.12));
}

.login-showcase::after {
  border: 1px solid rgba(214, 177, 90, 0.07);
  background: transparent;
}

.back-link {
  transition:
    color var(--transition-fast),
    border-color var(--transition-fast),
    background-color var(--transition-fast);
}

.back-link:hover {
  color: rgba(255, 247, 230, 0.86);
  border-color: rgba(223, 190, 108, 0.25);
  background-color: rgba(214, 177, 90, 0.055);
  transform: none;
}

.password-toggle:hover {
  color: rgba(255, 247, 230, 0.82);
  border-color: rgba(214, 177, 90, 0.1);
  background-color: rgba(214, 177, 90, 0.04);
}

.form-field__input:focus {
  border-color: rgba(241, 214, 146, 0.58);
  box-shadow: none;
}

.submit-button {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition:
    border-color var(--transition-fast),
    background-color var(--transition-fast),
    color var(--transition-fast);
}

.submit-button:hover,
.submit-button:active {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  filter: none;
  transform: none;
}

.submit-button:hover {
  border-color: rgba(255, 231, 166, 0.5);
}

.submit-button:hover i:last-child {
  transform: none;
}
/* ===== Welcome Login Shell Effects End ===== */

@media (prefers-reduced-motion: reduce) {
  .primary-button,
  .submit-button,
  .back-link,
  .password-toggle {
    transition: none;
  }
}