/* SmartDeck Build 0.1.3.1 Brand Visibility Fix */

#smartdeckHome.sd-home,
.sd-home {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 178, 30, 0.28), transparent 30%),
    radial-gradient(circle at 82% 72%, rgba(0, 174, 255, 0.22), transparent 32%),
    linear-gradient(135deg, #06111f 0%, #111b2c 52%, #03050a 100%) !important;
  color: #f8fbff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-align: left !important;
}

.sd-home.sd-closed {
  display: none !important;
}

.sd-home-shell {
  width: min(1050px, calc(100vw - 48px)) !important;
  padding: 28px !important;
}

.sd-logo-large {
  width: 92px !important;
  height: 92px !important;
  border-radius: 28px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 32px !important;
  font-weight: 1000 !important;
  color: #07101d !important;
  background: linear-gradient(135deg, #ffb21e, #ffffff) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.42) !important;
  margin-bottom: 22px !important;
}

.sd-kicker {
  color: #ffce75 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  margin-bottom: 10px !important;
}

.sd-home h1 {
  margin: 0 !important;
  font-size: clamp(64px, 11vw, 138px) !important;
  line-height: .88 !important;
  letter-spacing: -6px !important;
  font-weight: 1000 !important;
  color: #ffffff !important;
}

.sd-lead {
  margin: 24px 0 30px !important;
  max-width: 760px !important;
  font-size: clamp(22px, 3vw, 34px) !important;
  line-height: 1.18 !important;
  color: #d5e4f6 !important;
}

.sd-panel {
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 28px !important;
  padding: 28px !important;
  background: rgba(255,255,255,.085) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(18px) !important;
}

.sd-panel-title {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  margin-bottom: 16px !important;
}

.sd-panel-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}

.sd-info-card {
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(0,0,0,.18) !important;
  border-radius: 18px !important;
  padding: 16px !important;
}

.sd-info-card strong {
  display: block !important;
  color: #ffce75 !important;
  font-size: 15px !important;
  margin-bottom: 6px !important;
}

.sd-info-card span {
  color: #e8f1fb !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.sd-actions {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.sd-btn {
  border: 0 !important;
  border-radius: 18px !important;
  padding: 16px 24px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.sd-btn-primary {
  color: #07101d !important;
  background: linear-gradient(135deg, #ffb21e, #ffffff) !important;
  box-shadow: 0 18px 42px rgba(255,178,30,.24) !important;
}

.sd-btn-secondary {
  color: #ffffff !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

.sd-notice {
  display: none !important;
  margin-top: 16px !important;
  color: #ffe0a0 !important;
  font-size: 15px !important;
}

.sd-notice.sd-show {
  display: block !important;
}

.sd-footer {
  text-align: center !important;
  margin-top: 18px !important;
  color: #93a4ba !important;
  font-size: 14px !important;
}

.sd-brand-badge {
  position: fixed !important;
  top: 18px !important;
  left: 18px !important;
  z-index: 2147483645 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: rgba(5, 10, 18, .74) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  pointer-events: none !important;
}

.sd-badge-logo {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  color: #07101d !important;
  background: linear-gradient(135deg, #ffb21e, #ffffff) !important;
  font-weight: 1000 !important;
}

.sd-badge-title {
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.sd-badge-subtitle {
  margin-top: 4px !important;
  color: #bac8d8 !important;
  font-size: 11px !important;
}

@media (max-width: 760px) {
  .sd-panel-grid {
    grid-template-columns: 1fr !important;
  }
  .sd-home h1 {
    font-size: 64px !important;
    letter-spacing: -3px !important;
  }
}