body{font-family:Inter,sans-serif;background:#f4f6fb;display:flex;justify-content:center;align-items:center;min-height:100vh}
.card{background:#fff;border-radius:18px;padding:30px;max-width:430px;width:100%;box-shadow:0 15px 35px rgba(0,0,0,.12);text-align:center}
.logo img{max-width:140px;margin-bottom:20px}
.valor{font-size:34px;font-weight:700;color:#2563eb;margin:15px 0}
.badge{padding:6px 18px;border-radius:20px;font-size:13px;display:inline-block;margin-bottom:12px}
.pagar{background:#e8f1ff;color:#2563eb}
.reembolso{background:#e9fff5;color:#16a34a}
textarea,input,select{width:100%;padding:14px;border-radius:10px;border:1px solid #ddd;margin-bottom:12px;font-size:15px}
button{width:100%;padding:15px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-size:16px;cursor:pointer}
.pix-box textarea{height:110px}
.instrucoes{text-align:left;font-size:14px;margin-top:18px;color:#444;line-height:1.6}
.alerta{margin-top:10px;color:#b91c1c;font-weight:600}

@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37,99,235,.6); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(37,99,235,0); }
    100% { transform: scale(1); }
}

button {
    animation: pulse 2s infinite;
}

.popup-copy {
    position: fixed;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    background: #16a34a;
    color: #ffffff;
    padding: 14px 20px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
    opacity: 0;
    transition: all 0.35s ease;
    z-index: 99999;
    max-width: 90%;
    text-align: center;
}

.popup-copy.show {
    bottom: 30px;
    opacity: 1;
}