@media (prefers-color-scheme: dark) {
  .rn-card {
    background: linear-gradient(
      135deg,
      rgba(0, 3, 20, 0.25),
      rgba(0, 3, 10, 0.25), 
      rgba(0, 3, 15, 0.25) 
    );
    -webkit-backdrop-filter: blur(15px); 
    backdrop-filter: blur(15px); 
    border: 1px solid rgba(255, 255, 255, 0.25);
  }

  .rn-text {
    color: rgb(240, 240, 255);
  }
}

@media (prefers-color-scheme: light) {
  .rn-card {
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.1),
      rgba(210, 210, 255, 0.1),
      rgba(230, 230, 255, 0.1)
    );
    -webkit-backdrop-filter: blur(15px); 
    backdrop-filter: blur(15px); 
    border: 1px solid rgba(255, 255, 255, 0.25);
  }

  .rn-text {
    color: rgba(0, 0, 20, 0.75);
  }
}