@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');

body {
    background: #1a0a0f url("../images/backgrounds/theme/pink-rosegold/rosegold-gradient.jpg") center/cover fixed no-repeat;
    font-family: "Lora", serif;
    color: #fce4ec;
}

body::after {
    content:"";
    position: fixed; inset:0;
    background: radial-gradient(circle at 50% 50%, rgba(255,192,203,0.2), transparent 75%);
    pointer-events:none; z-index:1;
}

.sale-modal {
    background: rgba(50, 15, 30, 0.55);
    backdrop-filter: blur(16px) saturate(1.2);
    padding: 3rem;
    border-radius: 18px;
    border: 1px solid rgba(255,182,193,0.5);
    box-shadow: 0 0 25px rgba(255,192,203,0.45), inset 0 0 15px rgba(255,182,193,0.2);
    z-index:2;
}
.sale-modal .domain-name {
    font-size: 2.8rem;
    font-weight:800;
    background: linear-gradient(45deg, #ffd7c2, #f3a183, #ffead9);
    -webkit-background-clip:text;
    color:transparent;
    text-shadow:0 0 10px rgba(255,188,156,0.4);
}

.sale-modal h1 { color:#ff99cc; text-shadow:0 0 14px #ff66aa33; }
.sale-modal p { color:#ffc0cb; opacity:0.95; }
.sale-price { color:#ff66aa; font-weight:600; text-shadow:0 0 16px #ff99cc55; }

a.contact-btn {
    background: linear-gradient(135deg,#ff99cc,#ff66aa);
    color:#fff;
    padding:0.9rem 1.5rem;
    border-radius:12px;
    font-weight:600;
    text-decoration:none;
    transition:0.2s;
}
a.contact-btn:hover { transform:scale(1.05); box-shadow:0 0 22px #ff99ccaa; }

#qr { filter: drop-shadow(0 0 12px #ff99ccaa); }