.elementor-10 .elementor-element.elementor-element-ac5ce6f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-6061ebb *//* ===== NUR LOGIN/REGISTER CSS ===== */
.elementor-10 .elementor-element.elementor-element-6061ebb {
  --brand-primary: #3A7BFF;
  --brand-secondary: #FF4CCF;
  --glass-bg: rgba(255, 255, 255, 0.18);
  --glass-border: rgba(255, 255, 255, 0.3);
  background: transparent;
  padding: 16px;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .campus-gate {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  border: 2px solid var(--glass-border) !important;
  border-radius: 32px !important;
  box-shadow: 0 16px 32px rgba(58, 123, 255, 0.15) !important;
  max-width: 500px !important;
  margin: 48px auto !important;
  padding: 48px 32px !important;
  text-align: center !important;
  transition: all 0.25s ease-out !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .campus-gate:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 24px 48px rgba(58, 123, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .campus-gate__icon {
  color: var(--brand-primary) !important;
  font-size: 64px !important;
  margin-bottom: 24px !important;
  opacity: 0.8 !important;
  line-height: 1 !important;
  display: block !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .campus-gate h3 {
  color: #1a202c !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.2 !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .campus-gate p {
  color: #4a5568 !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  margin: 0 0 32px 0 !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .campus-gate__actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

@media (min-width: 480px) {
  .elementor-10 .elementor-element.elementor-element-6061ebb .campus-gate__actions {
    flex-direction: row !important;
    justify-content: center !important;
  }
}

.elementor-10 .elementor-element.elementor-element-6061ebb .btn-campus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  min-width: 150px !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .btn-campus--login {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(58, 123, 255, 0.25) !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .btn-campus--login:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 30px rgba(58, 123, 255, 0.35) !important;
  filter: brightness(110%) !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .btn-campus--register {
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(12px) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  color: #1a202c !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .btn-campus--register:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-2px) !important;
  color: var(--brand-primary) !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb .campus-gate__note {
  color: #718096 !important;
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
}

.elementor-10 .elementor-element.elementor-element-6061ebb {
    display: none !important;
}

body:not(.logged-in) .elementor-10 .elementor-element.elementor-element-6061ebb {
    display: block !important;
}/* End custom CSS */