/* RevealPress Public CSS */
.revealpress-wrapper { text-align: center; font-family: Arial, sans-serif; padding: 20px; }
#rp-headline { font-size: 2.5rem; color: var(--rp-headline-color); margin-bottom: 0.5rem; }
#rp-subhead { font-size: 1.5rem; color: var(--rp-subhead-color); margin-bottom: 1.5rem; font-weight: normal; }
.rp-scratch-area-container { padding: 24px 16px; display: inline-block; }
.rp-scratch-container { position: relative; width: 300px; height: 100px; border-radius: 10px; overflow: hidden; margin: 20px auto; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); background: linear-gradient(135deg, #e7e8df 25%, #cfcfcf 50%, #e7e8df 75%); }
.rp-scratch-card { position: absolute; inset: 0; display: grid; place-items: center; font-size: 34px; font-weight: bold; letter-spacing: 2px; color: #333; }
.rp-scratch-card canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: grabbing; }
#rp-claim-link { margin-top: 20px; text-align: center; }
.rp-button { font-size: 18px; font-weight: bold; text-decoration: none; padding: 12px 24px; border-radius: 5px; color: #ffffff; background-color: var(--rp-button-color); border: none; cursor: pointer; transition: background-color 0.3s ease; }
.rp-button:hover { filter: brightness(110%); }
.rp-countdown { display: flex; gap: 15px; justify-content: center; margin-top: 20px; }
.rp-countdown-section { text-align: center; color: #000; display: flex; flex-direction: column; align-items: center; width: 100px; }
.rp-countdown-section span { font-size: 18px; font-weight: bold; margin-top: 5px; }
.digit { font-size: 60px; width: 80px; height: 100px; display: flex; justify-content: center; align-items: center; background-color: black; color: white; border-radius: 10px; }