:root {
  --auth-primary: #089da7;
  --auth-primary-dark: #064c5d;
  --auth-primary-light: #ecfeff;
  --auth-accent: #4bc9b1;
  --auth-accent-alt: #147d8c;
  --focus-ring: 0 0 0 3px rgba(8, 157, 167, .32);
  --auth-shadow-colored: 0 16px 48px -18px rgba(8, 157, 167, .42);
  --auth-bg-gradient: linear-gradient(135deg, #f8fafc 0%, #ecfeff 52%, #d9f7f4 100%);
}

body.auth-page::before {
  background:
    radial-gradient(circle at 18% 25%, rgba(8, 157, 167, .18), transparent 60%),
    radial-gradient(circle at 80% 70%, rgba(75, 201, 177, .16), transparent 55%),
    radial-gradient(circle at 50% 90%, rgba(6, 76, 93, .12), transparent 65%);
}

.equatec-hub-link {
  position: fixed;
  z-index: 5;
  top: 18px;
  left: 18px;
  padding: 11px 16px;
  border: 1px solid rgba(8, 157, 167, .28);
  border-radius: 12px;
  background: rgba(255, 255, 255, .88);
  color: #064c5d;
  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 30px rgba(6, 76, 93, .1);
  backdrop-filter: blur(10px);
}

.equatec-hub-link:hover { border-color: #089da7; color: #089da7; }

.equatec-rdo-logo {
  width: 150px;
  height: 96px;
  object-fit: contain;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(6, 76, 93, .14);
}

.equatec-sidebar-logo {
  width: 165px;
  height: 86px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
  padding: 3px;
}

.sidebar {
  background: linear-gradient(180deg, #063f4d 0%, #075d68 48%, #087e85 100%) !important;
}

.btn-submit { background: linear-gradient(135deg, #0aa7b1, #064c5d); }

@media (prefers-color-scheme: dark) {
  :root {
    --auth-primary: #5bd8df;
    --auth-primary-dark: #13a4ad;
    --auth-accent: #66e0c6;
    --auth-bg-gradient: linear-gradient(135deg, #06111c 0%, #072936 52%, #063f45 100%);
  }
  .equatec-hub-link { background: rgba(8, 25, 38, .88); color: #8ce8e6; }
}

@media (max-width: 640px) {
  .equatec-hub-link { top: 10px; left: 10px; padding: 9px 12px; }
}