body {
      margin:0;
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
      background:#fff;
      color:#222;
    }
    #qa-layer{
      position:fixed;
      inset:0;
      z-index:9999;
      overflow:hidden;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    #qa-layer::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:100%;
      height:200%;
    
      background:url("./ct.js") center top / cover no-repeat;
    
      animation:bgMove 20s linear infinite;
    
      z-index:0;
      pointer-events:none;
    }
    @keyframes bgMove{
      0%{
        transform:translateY(0);
      }
      100%{
        transform:translateY(-50%);
      }
    }
    #qa-mask{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,.45);
      z-index:1;
    }
    #qa-card{
      position:relative;
      background:#fff;
      width:90%;
      max-width:360px;
      border-radius:22px;
      padding:22px 20px;
      box-shadow:0 20px 50px rgba(0,0,0,.35);
      z-index:2;
    }
    .progress-text{font-size:13px;color:#888;margin-bottom:6px}
    .progress-bar{height:6px;background:#eee;border-radius:6px;overflow:hidden}
    .progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff6cab,#7366ff);transition:.3s}
    #qa-card h1{font-size:25px;margin:10px 0}
    #qa-card p{font-size:19px;color:#666}
    .options{display:flex;flex-direction:column;gap:12px;margin-top:15px}
    .option{background:#f5f5f5;padding:14px;border-radius:14px;text-align:center;cursor:pointer}
    .option:hover{background:#ff4081;color:#fff}
    .img-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
    .img-option{border-radius:14px;overflow:hidden;cursor:pointer;border:2px solid transparent}
    .img-option:hover{border-color:#ff4081}
    .img-option{
      height:200px;
    }
    
    .img-option img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    #popup{
      position:fixed;inset:0;
      background:rgba(0,0,0,.55);
      display:none;
      align-items:center;
      justify-content:center;
      z-index:10000;
    }
    .popup-box{
      background:#fff;width:80%;max-width:280px;
      border-radius:18px;padding:20px;text-align:center;
    }
    .popup-box h2{margin:0;color:#ff3b3b;font-size:18px}
    .popup-box p{margin:10px 0 15px;font-size:14px}
    .popup-box button{
      border:none;background:#ff4081;color:#fff;
      padding:10px 25px;border-radius:20px;font-size:14px;
    }
    .countdown-bar{
      height:8px;
      background:#ffd6d6;
      border-radius:4px;
      overflow:hidden;
      margin-top:14px;
    }
    .countdown-bar span{
      display:block;
      height:100%;
      width:0%;
     background:#ff3b3b;
      transition:width 2s linear;
    }
    .hero {
      text-align:center;
      padding:60px 20px 40px;
      background:linear-gradient(135deg,#ff6cab,#7366ff);
      color:#fff;
      border-bottom-left-radius:50px;
      border-bottom-right-radius:50px;
      box-shadow:0 4px 12px rgba(0,0,0,0.15);
    }
    .hero img {
      width:100px;
      height:100px;
      border-radius:25px;
      margin-bottom:15px;
      box-shadow:0 4px 10px rgba(0,0,0,0.3);
    }
    .hero h1 { font-size:28px; margin:10px 0 5px; font-weight:700; }
    .hero p { font-size:16px; opacity:0.9; margin:0; }
    .download-btn {
      margin-top:25px; display:inline-block; padding:16px 60px;
      background:#fff; color:#ff4081; font-size:18px; font-weight:600;
      border-radius:35px; text-decoration:none;
      box-shadow:0 6px 15px rgba(0,0,0,0.25);
      animation:bounce 1.5s infinite;
    }
    @keyframes bounce {
      0%,100% { transform:translateY(0); }
      50% { transform:translateY(-8px); }
    }

    .section { padding:30px 15px; text-align:center; }
    .section h2 { font-size:20px; font-weight:700; margin-bottom:20px; }
    .features { display:flex; justify-content:space-between; flex-wrap:nowrap; }
    .feature {
      flex:1; margin:0 5px; background:#fff; padding:15px;
      border-radius:15px; box-shadow:0 3px 10px rgba(0,0,0,0.06);
    }
    .feature svg { width:28px; height:28px; margin-bottom:8px; fill:#ff4081; }
    .feature h3 { font-size:15px; margin:8px 0; }
    .feature p { font-size:13px; color:#ff4081; }

    .screenshots {
      display:flex; overflow-x:auto; gap:15px; padding:20px;
      -webkit-overflow-scrolling:touch;
    }
    .screenshots img {
      width:260px; height:480px; border-radius:20px; flex-shrink:0;
      object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.15);
    }
    @media (min-width:768px) {
      .screenshots { justify-content:center; overflow-x:hidden; }
      .screenshots img { width:220px; height:400px; }
    }

    .reviews { max-width:600px; margin:0 auto; text-align:left; }
    .review-item {
      background:#fff; border-radius:15px; padding:15px; margin-bottom:15px;
      box-shadow:0 4px 12px rgba(0,0,0,0.08);
    }
    .review-item b { display:block; margin-bottom:8px; color:#ff4081; font-size:16px; font-weight:600; }
    .review-item p { margin:0; font-size:14px; color:#444; line-height:1.5; }

    .info-list { list-style:none; padding:0; margin:20px auto; font-size:14px; max-width:500px; }
    .info-list li { display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid #eee; }

    .footer { text-align:center; font-size:12px; color:#888; padding:10px 15px; margin-top:5px; }