/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  
  /* Body */
  body {
    font-family: Arial, sans-serif;
    background-color: #fafffb;
    color: #000;
    max-width: 480px;
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
  }
  
  /* App Header */
  .app-header {
    text-align: center;
    background-color: #003060;
    padding: 1em;
    border-bottom: 1px solid #ddd;
  }
  .app-header h1 {
    margin: 0;
    font-size: 1.5rem;
    color: #ffffff;
  }
  
  /* Page Subheader */
  .page-subheader {
    text-align: center;
    background-color: #ddd;
    padding: 0.75em;
    border-bottom: 1px solid #ddd;
  }
  .page-subheader h2 {
    margin: 0;
    font-size: 1.3rem;
    color: #000000;
    text-align: center;
  }
  
  /* Main content */
  main {
    padding: 1em;
  }
  
  /* Card Style */
  .card {
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 1em;
    margin-bottom: 1em;
    border: 1px solid #eee;
    font-size: 1rem;
  }