/* Landing overrides: ensure transparent hero panel on Chrome Android */
.hero .card,
.hero .panel,
.hero .auth-card,
.hero .content,
.hero .copy,
.hero .cta-wrap,
.hero .hero-panel{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* If a glassmorphism effect was used with backdrop-filter, keep it subtle on Safari, but remove solid fallback on browsers that don't support it */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .hero .glass,
  .hero .card,
  .hero .panel,
  .hero .auth-card {
    background: transparent !important;
  }
}

/* Buttons stay visible on image backgrounds */
.hero .button{ border-color: rgba(255,255,255,.45); color:#fff; }
.hero .button.primary{ background: rgba(26,158,143,.92); border-color: transparent; color:#fff; }
.hero .button:hover{ filter: brightness(1.06); }

/* Mobile text sizing */
@media(max-width:900px){
  .hero h1{ font-size:32px }
  .hero p{ font-size:16px }
}