.sd1360-app,
.sd1360-pro {
  isolation: isolate;
}

.sd1360-app :where(h1, h2, h3, p, ul, ol),
.sd1360-pro :where(h1, h2, h3, p, ul, ol) {
  margin-top: 0;
}

.sd1360-app :where(a, button),
.sd1360-pro :where(a, button) {
  -webkit-tap-highlight-color: transparent;
}

.sd1360-app :where(a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible),
.sd1360-pro :where(a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible) {
  outline: 3px solid rgba(216, 172, 79, 0.72);
  outline-offset: 3px;
}

.sd1360-app img,
.sd1360-pro img,
.sd1360-app video,
.sd1360-pro video {
  max-width: 100%;
}

.sd1360-app .sd1360-card-icon,
.sd1360-pro .sd1360-card-icon {
  box-shadow: inset 0 0 0 1px rgba(216, 172, 79, 0.24), 0 10px 30px rgba(6, 26, 51, 0.12);
}

.sd1360-app .sd1360-module-card,
.sd1360-app .sd1360-info-tile,
.sd1360-app .sd1360-app-section {
  backdrop-filter: blur(14px);
}

.sd1360-mi-dia-panel,
.sd1360-education-global .sd1360-app-section,
.sd1360-security .sd1360-app-section,
.sd1360-wellness-money,
.sd1360-support,
.sd1360-agenda,
.sd1360-checkin {
  position: relative;
}

.sd1360-mi-dia-panel::after,
.sd1360-education-global .sd1360-app-section::after,
.sd1360-security .sd1360-app-section::after {
  background:
    radial-gradient(circle, rgba(216, 172, 79, 0.22), transparent 34%),
    radial-gradient(circle, rgba(191, 232, 227, 0.24), transparent 42%);
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: 0.68;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.sd1360-mi-dia-panel .sd1360-day-card {
  box-shadow: inset 0 0 0 1px rgba(216, 172, 79, 0.2), 0 18px 44px rgba(6, 26, 51, 0.14);
}

.sd1360-education-global .sd1360-info-tile,
.sd1360-security .sd1360-info-tile {
  min-height: 150px;
}

.sd1360-pro.sd1360-hologram {
  min-height: 620px;
}

.sd1360-pro .sd1360-pro-copy {
  max-width: 760px;
}

.sd1360-pro .sd1360-actions a,
.sd1360-pro .sd1360-actions button {
  box-shadow: 0 16px 38px rgba(216, 172, 79, 0.24);
}

.sd1360-pro .sd1360-btn-ghost {
  box-shadow: none;
}

.sd1360-pro .sd1360-orb-stage::before {
  background: linear-gradient(90deg, transparent, rgba(216, 172, 79, 0.58), transparent);
  border-radius: 999px;
  content: "";
  height: 2px;
  position: absolute;
  width: min(72vw, 440px);
}

.sd1360-pro .sd1360-orb::after {
  animation: sd1360BridgeRotate 12s linear infinite;
  border: 1px solid rgba(255, 215, 122, 0.68);
  border-left-color: transparent;
  border-radius: 50%;
  content: "";
  inset: -18px;
  position: absolute;
}

.sd1360-theme-status {
  align-items: center;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: rgba(248, 242, 232, 0.9);
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 800;
  gap: 0.45rem;
  padding: 0.5rem 0.75rem;
}

.sd1360-theme-status::before {
  background: #79f2c0;
  border-radius: 50%;
  box-shadow: 0 0 16px rgba(121, 242, 192, 0.78);
  content: "";
  height: 0.62rem;
  width: 0.62rem;
}

@keyframes sd1360BridgeRotate {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 760px) {
  .sd1360-pro.sd1360-hologram {
    min-height: 0;
  }

  .sd1360-pro .sd1360-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .sd1360-pro .sd1360-actions a,
  .sd1360-pro .sd1360-actions button {
    width: 100%;
  }
}