/* Aventura do Saber — acesso cinematográfico final 2026
   A arte aprovada é usada apenas no painel hero. O formulário permanece HTML real. */

html {
  background: #05091f;
}

body.public-body.ads-perfect-public.access-cinematic-page {
  --access-purple: #825cff;
  --access-purple-2: #a84ff0;
  --access-deep: #070b2d;
  --access-deep-2: #101846;
  --access-text: #f8f8ff;
  --access-muted: rgba(218, 224, 248, .72);
  --access-border: rgba(183, 170, 255, .28);
  min-height: 100dvh !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 74% 17%, rgba(102, 75, 231, .20), transparent 28%),
    linear-gradient(135deg, #03081e 0%, #071039 48%, #080a2d 100%) !important;
  color: var(--access-text);
}

body.public-body.ads-perfect-public.access-cinematic-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.55) 0 1px, transparent 1.25px),
    radial-gradient(circle, rgba(164,139,250,.45) 0 1px, transparent 1.4px);
  background-size: 96px 96px, 137px 137px;
  background-position: 12px 6px, 45px 33px;
  opacity: .20;
}

body.public-body.ads-perfect-public.access-cinematic-page .landing-nav {
  position: relative !important;
  z-index: 50 !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 clamp(20px, 4vw, 72px) !important;
  display: flex !important;
  align-items: center !important;
  background: rgba(4, 8, 29, .92) !important;
  border-bottom: 1px solid rgba(171, 158, 255, .15) !important;
  box-shadow: 0 12px 40px rgba(0, 2, 18, .20) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.public-body.ads-perfect-public.access-cinematic-page .landing-nav .brand {
  visibility: visible !important;
  pointer-events: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  letter-spacing: -.02em;
}

body.public-body.ads-perfect-public.access-cinematic-page .landing-nav .brand-logo {
  width: 42px !important;
  height: 42px !important;
  padding: 5px !important;
  border: 1px solid rgba(191, 179, 255, .24) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(132, 91, 255, .32), rgba(61, 58, 153, .18)) !important;
  box-shadow: 0 0 26px rgba(121, 83, 255, .20) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .landing-nav-actions {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .landing-nav-actions :is(.button, select, button) {
  min-height: 38px !important;
  border-color: rgba(177, 166, 235, .22) !important;
  background: rgba(20, 27, 67, .72) !important;
  color: #fff !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.public-body.ads-perfect-public.access-cinematic-page .access-wrap {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100dvh - 72px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 56.5%) minmax(500px, 43.5%) !important;
  align-items: stretch !important;
  isolation: isolate;
}


body.public-body.ads-perfect-public.access-cinematic-page .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Painel esquerdo: somente a arte aprovada, recortada sem o formulário duplicado. */
body.public-body.ads-perfect-public.access-cinematic-page .access-brand-stage {
  position: relative !important;
  min-width: 0 !important;
  min-height: calc(100dvh - 72px) !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    url('../img/auth/access-approved-hero-clean-2026.webp') center center / cover no-repeat !important;
  box-shadow: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-brand-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 5, 22, .03) 0%, transparent 72%, rgba(5, 9, 31, .48) 100%),
    linear-gradient(180deg, rgba(3, 6, 24, .04), transparent 18%, transparent 82%, rgba(3, 6, 24, .12));
}

body.public-body.ads-perfect-public.access-cinematic-page .access-brand-stage::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: clamp(34px, 5vw, 92px);
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(5, 9, 31, .72));
}

body.public-body.ads-perfect-public.access-cinematic-page .access-brand-art,
body.public-body.ads-perfect-public.access-cinematic-page .access-brand-copy,
body.public-body.ads-perfect-public.access-cinematic-page .access-scene,
body.public-body.ads-perfect-public.access-cinematic-page .access-quote {
  display: none !important;
}

/* Painel direito: formulário real, sem imagem por trás e sem scroll interno. */
body.public-body.ads-perfect-public.access-cinematic-page .access-form-stage {
  position: relative !important;
  width: min(600px, calc(100% - 64px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: auto !important;
  padding: clamp(28px, 3.1vh, 38px) clamp(28px, 2.6vw, 42px) !important;
  overflow: visible !important;
  border: 1px solid rgba(205, 195, 255, .40) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(134, 102, 255, .24), transparent 31%),
    linear-gradient(145deg, rgba(31, 43, 105, .94), rgba(8, 15, 51, .98)) !important;
  box-shadow:
    0 36px 92px rgba(0, 2, 18, .52),
    0 0 0 1px rgba(123, 86, 255, .09),
    0 0 46px rgba(107, 74, 255, .17),
    inset 0 1px rgba(255,255,255,.09) !important;
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

body.public-body.ads-perfect-public.access-cinematic-page .access-form-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(118deg, rgba(255,255,255,.045), transparent 23%, transparent 73%, rgba(132, 92, 255, .06)),
    radial-gradient(circle at 84% 44%, rgba(93, 83, 236, .10), transparent 34%);
}

body.public-body.ads-perfect-public.access-cinematic-page .access-form-head {
  margin: 0 0 22px !important;
  text-align: center !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-form-head::before {
  content: "✦";
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  text-shadow: 0 0 22px rgba(183, 156, 255, .72);
}

body.public-body.ads-perfect-public.access-cinematic-page .access-form-head h2 {
  margin: 0 0 6px !important;
  color: #fff !important;
  font-size: clamp(28px, 2vw, 36px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-form-head p {
  margin: 0 !important;
  color: var(--access-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin: 0 0 22px !important;
  padding: 5px !important;
  overflow: hidden !important;
  border: 1px solid rgba(181, 169, 248, .19) !important;
  border-radius: 16px !important;
  background: rgba(3, 7, 30, .66) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .tab {
  position: relative !important;
  min-width: 0 !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 9px 5px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: rgba(200, 208, 239, .70) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
  cursor: pointer !important;
  transition: background .18s ease, color .18s ease, transform .18s ease !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .tab::after {
  display: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .tab svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 auto !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .tab:hover:not(.active) {
  color: #fff !important;
  background: rgba(126, 89, 255, .08) !important;
  transform: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .tab.active {
  color: #fff !important;
  background: linear-gradient(145deg, #7459ff, #a653f1) !important;
  box-shadow: 0 10px 25px rgba(104, 70, 235, .32), inset 0 1px rgba(255,255,255,.17) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .tab-panel {
  display: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .tab-panel.active {
  display: block !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-panel {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-panel > h2,
body.public-body.ads-perfect-public.access-cinematic-page .access-panel > .muted {
  display: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .form {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-field {
  display: grid !important;
  gap: 7px !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-field > label,
body.public-body.ads-perfect-public.access-cinematic-page .access-check {
  color: rgba(246, 247, 255, .92) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-input-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-input-icon {
  position: absolute !important;
  left: 16px !important;
  z-index: 2 !important;
  width: 19px !important;
  height: 19px !important;
  color: rgba(202, 210, 242, .70) !important;
  pointer-events: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-input-wrap input,
body.public-body.ads-perfect-public.access-cinematic-page .access-panel input:not([type="checkbox"]),
body.public-body.ads-perfect-public.access-cinematic-page .access-panel select,
body.public-body.ads-perfect-public.access-cinematic-page .access-panel textarea {
  width: 100% !important;
  min-height: 54px !important;
  padding: 13px 48px !important;
  border: 1px solid rgba(168, 157, 235, .25) !important;
  border-radius: 13px !important;
  outline: none !important;
  color: #f8f9ff !important;
  background: rgba(4, 8, 34, .78) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.03) !important;
  font: 650 12px var(--ads-font) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-panel input:not([type="checkbox"]):focus,
body.public-body.ads-perfect-public.access-cinematic-page .access-panel select:focus,
body.public-body.ads-perfect-public.access-cinematic-page .access-panel textarea:focus {
  border-color: rgba(177, 130, 255, .72) !important;
  background: rgba(6, 11, 43, .94) !important;
  box-shadow: 0 0 0 4px rgba(129, 88, 255, .10), 0 0 25px rgba(122, 82, 255, .13) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-panel input::placeholder,
body.public-body.ads-perfect-public.access-cinematic-page .access-panel textarea::placeholder {
  color: rgba(160, 172, 214, .57) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-password-toggle {
  position: absolute !important;
  right: 8px !important;
  z-index: 3 !important;
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: rgba(206, 214, 242, .65) !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-password-toggle:hover,
body.public-body.ads-perfect-public.access-cinematic-page .access-password-toggle.is-visible {
  color: #fff !important;
  background: rgba(143, 101, 255, .14) !important;
  transform: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-password-toggle svg {
  width: 18px !important;
  height: 18px !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: max-content !important;
  cursor: pointer !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-check input[type="checkbox"] {
  appearance: none !important;
  width: 17px !important;
  height: 17px !important;
  min-height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(191, 179, 255, .48) !important;
  border-radius: 4px !important;
  background: rgba(4, 8, 34, .84) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-check input[type="checkbox"]:checked {
  background: linear-gradient(145deg, #755fff, #a654f1) !important;
  box-shadow: 0 0 0 3px rgba(141, 95, 255, .10) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-check input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 7px;
  height: 4px;
  margin: 4px 0 0 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

body.public-body.ads-perfect-public.access-cinematic-page .access-panel .form > button[type="submit"] {
  min-height: 54px !important;
  margin-top: 1px !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(219, 205, 255, .20) !important;
  border-radius: 13px !important;
  color: #fff !important;
  background: linear-gradient(90deg, #7658ff 0%, #a752ef 100%) !important;
  box-shadow: 0 15px 31px rgba(101, 67, 240, .31), inset 0 1px rgba(255,255,255,.20) !important;
  font: 900 12px var(--ads-font) !important;
  cursor: pointer !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-panel .form > button[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 38px rgba(101, 67, 240, .38), 0 0 26px rgba(153, 91, 255, .16) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .forgot-link {
  position: relative !important;
  min-height: 34px !important;
  margin: 1px 0 0 !important;
  padding-top: 11px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  color: #bba8ff !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .forgot-link::before,
body.public-body.ads-perfect-public.access-cinematic-page .forgot-link::after {
  content: "";
  position: absolute;
  top: 0;
  width: 43%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(191, 178, 255, .22));
}

body.public-body.ads-perfect-public.access-cinematic-page .forgot-link::before { left: 0; }
body.public-body.ads-perfect-public.access-cinematic-page .forgot-link::after { right: 0; transform: scaleX(-1); }
body.public-body.ads-perfect-public.access-cinematic-page .forgot-link:hover { color: #fff !important; }

body.public-body.ads-perfect-public.access-cinematic-page .access-security-note {
  margin-top: 1px !important;
  padding: 12px 13px !important;
  display: grid !important;
  grid-template-columns: 38px 1fr 44px !important;
  gap: 11px !important;
  align-items: center !important;
  border: 1px solid rgba(170, 157, 241, .18) !important;
  border-radius: 14px !important;
  background: rgba(42, 53, 111, .38) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-security-shield {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(82, 229, 224, .16) !important;
  border-radius: 11px !important;
  color: #59e5df !important;
  background: rgba(57, 212, 207, .09) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-security-shield svg { width: 19px !important; height: 19px !important; }
body.public-body.ads-perfect-public.access-cinematic-page .access-security-note p { margin: 0 !important; color: rgba(211, 218, 244, .68) !important; font-size: 9px !important; line-height: 1.4 !important; }

body.public-body.ads-perfect-public.access-cinematic-page .access-security-chest {
  position: relative !important;
  width: 42px !important;
  height: 32px !important;
  border: 2px solid #d4a55a !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, #8b54e6, #432774) !important;
  box-shadow: 0 0 17px rgba(158, 92, 255, .22) !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-security-chest::before {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 10px;
  height: 5px;
  background: #d4a55a;
}

body.public-body.ads-perfect-public.access-cinematic-page .access-security-chest::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 14px;
  width: 7px;
  height: 9px;
  border-radius: 3px;
  background: #ffda6e;
  box-shadow: 0 0 9px rgba(255, 218, 110, .5);
}

body.public-body.ads-perfect-public.access-cinematic-page .form.grid-2 {
  grid-template-columns: 1fr 1fr !important;
  gap: 11px !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .form.grid-2 > .access-wide,
body.public-body.ads-perfect-public.access-cinematic-page .form.grid-2 > button,
body.public-body.ads-perfect-public.access-cinematic-page .form.grid-2 > .check {
  grid-column: 1 / -1 !important;
}

body.public-body.ads-perfect-public.access-cinematic-page label.file {
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border: 1px dashed rgba(174, 159, 247, .30) !important;
  border-radius: 13px !important;
  color: rgba(214, 220, 242, .70) !important;
  background: rgba(4, 8, 34, .42) !important;
  font-size: 10px !important;
}

body.public-body.ads-perfect-public.access-cinematic-page label.file input {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font-size: 9px !important;
}

body.public-body.ads-perfect-public.access-cinematic-page label.check {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  color: rgba(216, 222, 244, .72) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body.public-body.ads-perfect-public.access-cinematic-page .alert {
  margin-bottom: 14px !important;
  padding: 11px 13px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
}

body.public-body.ads-perfect-public.access-cinematic-page #whatsappBtn {
  display: none !important;
}

/* Notebooks de menor altura: compacta o login, sem criar scroll dentro do cartão. */
@media (min-width: 981px) and (max-height: 790px) {
  body.public-body.ads-perfect-public.access-cinematic-page .landing-nav { height: 64px !important; min-height: 64px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-wrap { min-height: calc(100dvh - 64px) !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-brand-stage { min-height: calc(100dvh - 64px) !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-form-stage { padding: 23px 31px !important; border-radius: 26px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-form-head { margin-bottom: 17px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-form-head::before { margin-bottom: 7px; font-size: 20px; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-form-head h2 { font-size: 27px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .tabs { margin-bottom: 17px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .tab { min-height: 55px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .form { gap: 11px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-input-wrap input,
  body.public-body.ads-perfect-public.access-cinematic-page .access-panel input:not([type="checkbox"]) { min-height: 49px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-panel .form > button[type="submit"] { min-height: 49px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-security-note { padding-block: 9px !important; }
}

@media (max-width: 1180px) {
  body.public-body.ads-perfect-public.access-cinematic-page .access-wrap {
    grid-template-columns: minmax(0, 52%) minmax(460px, 48%) !important;
  }
  body.public-body.ads-perfect-public.access-cinematic-page .access-form-stage {
    width: min(560px, calc(100% - 42px)) !important;
    padding-inline: 30px !important;
  }
}

/* Tablet: arte e formulário passam a ser blocos independentes. */
@media (max-width: 980px) {
  body.public-body.ads-perfect-public.access-cinematic-page .landing-nav {
    height: 68px !important;
    min-height: 68px !important;
    padding-inline: 16px !important;
  }
  body.public-body.ads-perfect-public.access-cinematic-page .access-wrap {
    max-width: 920px !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 18px 14px 42px !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  body.public-body.ads-perfect-public.access-cinematic-page .access-brand-stage {
    min-height: 0 !important;
    aspect-ratio: 900 / 853;
    border-radius: 28px !important;
    box-shadow: 0 26px 68px rgba(0, 2, 18, .38) !important;
  }
  body.public-body.ads-perfect-public.access-cinematic-page .access-brand-stage::after { display: none; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-form-stage {
    width: min(620px, 100%) !important;
    margin: 0 auto !important;
    padding: 32px 28px !important;
    border-radius: 27px !important;
  }
}

@media (max-width: 720px) {
  body.public-body.ads-perfect-public.access-cinematic-page .landing-nav { height: 64px !important; min-height: 64px !important; padding-inline: 11px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .landing-nav .brand span { font-size: 14px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .landing-nav .brand-logo { width: 38px !important; height: 38px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .landing-nav-actions { gap: 6px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .landing-nav-actions :is(.button, select, button) { min-height: 34px !important; padding-inline: 9px !important; font-size: 9px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-wrap { padding: 12px 9px 32px !important; gap: 15px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-brand-stage { border-radius: 22px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-form-stage { padding: 25px 16px !important; border-radius: 23px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .tab { min-height: 58px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .form.grid-2 { grid-template-columns: 1fr !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .form.grid-2 > * { grid-column: 1 !important; }
}

@media (max-width: 460px) {
  body.public-body.ads-perfect-public.access-cinematic-page .landing-nav .brand span { display: none !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-form-head h2 { font-size: 27px !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-security-note { grid-template-columns: 36px 1fr !important; }
  body.public-body.ads-perfect-public.access-cinematic-page .access-security-chest { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.public-body.ads-perfect-public.access-cinematic-page *,
  body.public-body.ads-perfect-public.access-cinematic-page *::before,
  body.public-body.ads-perfect-public.access-cinematic-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}