/* POPUP OVERLAY */
#rp-popup-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(13, 33, 45, 0.95); display: none;
    justify-content: center; align-items: center; z-index: 9999999; padding: 15px;
    backdrop-filter: blur(5px);
}

/* THE CARD */
.rp-popup-card {
    background: #fff; width: 100%; 
    max-width: 440px; 
    max-height: 90vh; 
    padding: 45px 25px 25px;
    border-radius: 30px; 
    border-top: 8px solid #a5d610; 
    box-shadow: 0 25px 50px rgba(0,0,0,0.5);
    text-align: center; position: relative;
    display: flex; flex-direction: column;
    box-sizing: border-box;
}

#rp-popup-scroll-container {
    overflow-y: auto; 
    padding: 5px;
    -webkit-overflow-scrolling: touch;
}

.rp-popup-logo { max-width: 140px; height: auto; margin-bottom: 15px; }

/* TYPOGRAPHY PROTECTION */
.rp-popup-h2 { 
    color: #0d212d; 
    font-size: clamp(1.2rem, 5vw, 1.5rem); 
    font-weight: 800; 
    line-height: 1.25 !important; 
    margin-bottom: 15px;
}

.rp-teal-text { color: #1693A5; }
.rp-popup-eyebrow { display:block; color:#1693A5; text-transform:uppercase; font-weight:800; font-size:10px; letter-spacing:1.5px; margin-bottom:8px; }

/* FORM ELEMENTS */
.rp-form-group { margin-bottom: 10px; }
.rp-form-group input, .rp-form-group select {
    width: 100%; padding: 12px 15px; border-radius: 10px; 
    border: 1px solid #ddd; background: #fdfbf7; font-size: 16px;
    box-sizing: border-box;
}

/* BUTTON PROTECTION */
.rp-btn-submit {
    width: 100%; padding: 16px; background: #1693A5; color: #fff; border: none; 
    border-radius: 50px; font-weight: 700; cursor: pointer;
    line-height: 1.3 !important; white-space: normal !important;
    display: flex; justify-content: center; align-items: center; gap: 8px;
    text-transform: uppercase; font-size: 12px;
}

.rp-popup-branding { margin-top: 20px; font-size: 9px; color: #bbb; text-transform: uppercase; border-top: 1px solid #eee; padding-top: 15px; }

/* CLOSE BUTTON */
#rp-close-btn { 
    position: absolute; top: 12px; right: 15px; background: #eee; 
    border: none; width: 32px; height: 32px; border-radius: 50%; 
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; color: #666; cursor: pointer; z-index: 100;
}