:root {
  --atplus-navy: #1f2448;
  --atplus-navy-2: #252e62;
  --atplus-cyan: #64c3d4;
  --atplus-cyan-2: #5bc6d0;
  --atplus-mist: #f4f7fb;
}

/* Auth atmosphere — navy brand plane */
body:has([class*="w-authPageWidth"]) {
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(100, 195, 212, 0.30), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(37, 46, 98, 0.45), transparent 50%),
    linear-gradient(160deg, #141933 0%, #1f2448 45%, #252e62 100%) !important;
}
body:has([class*="w-authPageWidth"]) .relative.min-h-screen {
  background: transparent !important;
}
body:has([class*="w-authPageWidth"]) img[src="assets/logo.svg"],
body:has([class*="w-authPageWidth"]) img[src="/assets/logo.svg"] {
  max-width: 260px;
  height: 2.75rem !important;
  margin: 0 auto;
  object-fit: contain;
}
body:has([class*="w-authPageWidth"]) [class*="w-authPageWidth"] {
  background: rgba(255, 255, 255, 0.97) !important;
  border: 1px solid rgba(100, 195, 212, 0.28);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.30);
  backdrop-filter: blur(8px);
}
.dark body:has([class*="w-authPageWidth"]) [class*="w-authPageWidth"] {
  background: rgba(20, 25, 51, 0.94) !important;
  border-color: rgba(100, 195, 212, 0.2);
}
body:has([class*="w-authPageWidth"]) button[type="submit"] {
  background-color: #64c3d4 !important;
  color: #1f2448 !important;
  border-color: transparent !important;
  font-weight: 600;
}
body:has([class*="w-authPageWidth"]) button[type="submit"]:hover {
  background-color: #5bc6d0 !important;
}
body:has([class*="w-authPageWidth"]) h1 {
  color: #1f2448 !important;
}
.dark body:has([class*="w-authPageWidth"]) h1 {
  color: #f4f7fb !important;
}
::selection {
  background: rgba(100, 195, 212, 0.35);
}