/* Pure Flow v8.7.1 — autenticação moderna */
body.login-mode,
body.boot-mode {
  background:
    radial-gradient(circle at 14% 12%, rgba(15, 143, 140, .14), transparent 28rem),
    radial-gradient(circle at 88% 84%, rgba(22, 78, 104, .12), transparent 30rem),
    linear-gradient(145deg, #f7fafb, #edf3f4);
}

body.login-mode .login-shell,
body.boot-mode .login-shell { position: relative; isolation: isolate; }
body.login-mode .login-shell::before,
body.boot-mode .login-shell::before {
  content: '';
  position: fixed;
  inset: 6% auto auto 7%;
  width: 180px;
  aspect-ratio: 1;
  border: 1px solid rgba(15, 143, 140, .1);
  border-radius: 42px;
  transform: rotate(18deg);
  background: rgba(255,255,255,.18);
  z-index: -1;
}

body.login-mode .login-card,
body.boot-mode .boot-card {
  border: 1px solid rgba(203, 218, 221, .92);
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 28px 80px rgba(9, 43, 61, .14);
  backdrop-filter: blur(18px);
}
body.login-mode .login-card::before,
body.boot-mode .boot-card::before {
  content: '';
  display: block;
  width: 54px;
  height: 4px;
  margin: -2px auto 20px;
  border-radius: 99px;
  background: linear-gradient(90deg, #164e68, #0f8f8c);
}
body.login-mode .login-logo,
body.boot-mode .login-logo { filter: drop-shadow(0 8px 18px rgba(9, 43, 61, .08)); }
body.login-mode .card-header h1,
body.boot-mode .card-header h1 { color: #092b3d; letter-spacing: -.045em; }
body.login-mode .login-footer { color: #617783; }
body.login-mode .login-footer a { color: #164e68; text-decoration: none; font-weight: 800; }
body.login-mode .login-footer a:hover { color: #0f8f8c; }

@media (max-width: 600px) {
  body.login-mode .login-card,
  body.boot-mode .boot-card { border-radius: 18px; }
}