:root {
      --page-sunwinapp-primary-color: #FFD700; /* Gold */
      --page-sunwinapp-secondary-color: #007BFF; /* Blue */
      --page-sunwinapp-text-color: #333333; /* Dark Grey */
      --page-sunwinapp-background-color: #F8F9FA; /* Light Grey */
      --page-sunwinapp-accent-color: #DC3545; /* Red */
      --page-sunwinapp-dark-bg: #2C3E50; /* Dark Blue-Grey */
      --page-sunwinapp-light-text: #FFFFFF;
    }

    .page-sunwinapp {
      font-family: 'Arial', sans-serif;
      line-height: 1.6;
      color: var(--page-sunwinapp-text-color);
      background-color: var(--page-sunwinapp-background-color);
      padding-bottom: 80px; /* Space for fixed button */
    }

    .page-sunwinapp-section {
      padding: 20px 15px;
      margin-bottom: 20px;
      background-color: var(--page-sunwinapp-light-text);
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    .page-sunwinapp-hero {
      text-align: center;
      padding: 0;
      background-color: var(--page-sunwinapp-dark-bg);
      position: relative;
      overflow: hidden;
      border-radius: 0 0 15px 15px;
    }

    .page-sunwinapp-banner {
      width: 100%;
      max-height: 250px;
      object-fit: cover;
      display: block;
      margin: 0 auto;
    }

    .page-sunwinapp-hero h1 {
      color: var(--page-sunwinapp-primary-color);
      font-size: 1.8em;
      margin: 15px 10px;
      padding: 0 10px;
      line-height: 1.3;
      text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    }

    .page-sunwinapp-floating-button {
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-image: linear-gradient(to right, #FF8C00, #FFD700); /* Orange to Gold gradient */
      color: var(--page-sunwinapp-dark-bg);
      padding: 15px 25px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: bold;
      font-size: 1.1em;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
      z-index: 1000;
      animation: page-sunwinapp-pulse 1.5s infinite;
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
    }

    .page-sunwinapp-floating-button:hover {
      background-image: linear-gradient(to right, #FFD700, #FF8C00);
      box-shadow: 0 6px 15px rgba(0,0,0,0.3);
    }

    @keyframes page-sunwinapp-pulse {
      0% { transform: translateX(-50%) scale(1); }
      50% { transform: translateX(-50%) scale(1.05); }
      100% { transform: translateX(-50%) scale(1); }
    }

    .page-sunwinapp-h2 {
      color: var(--page-sunwinapp-dark-bg);
      font-size: 1.5em;
      margin-top: 25px;
      margin-bottom: 15px;
      text-align: center;
    }

    .page-sunwinapp-h3 {
      color: var(--page-sunwinapp-secondary-color);
      font-size: 1.2em;
      margin-top: 20px;
      margin-bottom: 10px;
    }

    .page-sunwinapp-p {
      margin-bottom: 10px;
      color: var(--page-sunwinapp-text-color);
    }

    .page-sunwinapp-ul {
      list-style-type: disc;
      margin-left: 20px;
      margin-bottom: 15px;
    }

    .page-sunwinapp-li {
      margin-bottom: 8px;
      color: var(--page-sunwinapp-text-color);
    }

    .page-sunwinapp-a {
      color: var(--page-sunwinapp-secondary-color);
      text-decoration: none;
      font-weight: bold;
    }

    .page-sunwinapp-a:hover {
      text-decoration: underline;
    }

    .page-sunwinapp-button {
      display: block;
      width: fit-content;
      margin: 15px auto;
      background-color: var(--page-sunwinapp-primary-color);
      color: var(--page-sunwinapp-dark-bg);
      padding: 12px 25px;
      border-radius: 30px;
      text-decoration: none;
      font-weight: bold;
      font-size: 1em;
      transition: background-color 0.3s ease, transform 0.2s ease;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    .page-sunwinapp-button:hover {
      background-color: #e6c200;
      transform: translateY(-2px);
    }

    .page-sunwinapp-img-container {
      text-align: center;
      margin: 20px 0;
    }

    .page-sunwinapp-img {
      max-width: 100%;
      height: auto;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      display: block;
      margin: 0 auto;
    }

    .page-sunwinapp-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 15px;
      margin-top: 20px;
    }

    .page-sunwinapp-grid-item {
      background-color: #E0F2F7; /* Light Blue */
      padding: 15px;
      border-radius: 8px;
      text-align: center;
      font-weight: bold;
      color: var(--page-sunwinapp-dark-bg);
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    .page-sunwinapp-warning {
      background-color: #FFF3CD; /* Light Yellow */
      border-left: 5px solid #FFC107; /* Amber */
      padding: 15px;
      margin: 20px 0;
      border-radius: 5px;
      color: #856404; /* Dark Yellow text */
    }

    .page-sunwinapp-faq-item {
      margin-bottom: 15px;
      border-bottom: 1px solid #EEEEEE;
      padding-bottom: 10px;
    }

    .page-sunwinapp-faq-item:last-child {
      border-bottom: none;
    }

    .page-sunwinapp-faq-question {
      font-weight: bold;
      color: var(--page-sunwinapp-dark-bg);
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .page-sunwinapp-faq-answer {
      margin-top: 10px;
      color: var(--page-sunwinapp-text-color);
      display: none;
    }

    .page-sunwinapp-faq-question::after {
      content: '+';
      font-size: 1.2em;
      margin-left: 10px;
    }

    .page-sunwinapp-faq-question.active::after {
      content: '-';
    }

    /* Desktop adjustments */
    @media (min-width: 768px) {
      .page-sunwinapp-hero h1 {
        font-size: 2.5em;
        margin-top: 20px;
        margin-bottom: 20px;
      }
      .page-sunwinapp-section {
        padding: 30px;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
      }
      .page-sunwinapp-h2 {
        font-size: 2em;
      }
      .page-sunwinapp-floating-button {
        padding: 18px 35px;
        font-size: 1.2em;
        bottom: 30px;
      }
    }