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

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

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

.sale-modal {
    background: rgba(60, 20, 20, 0.65);
    backdrop-filter: blur(16px) saturate(1.3);
    padding: 3rem;
    border-radius: 20px;
    border: 1px solid rgba(255,182,193,0.5);
    box-shadow: 0 0 28px rgba(255,192,203,0.55), inset 0 0 20px rgba(255,150,180,0.25);
    z-index:2;
}
.sale-modal .domain-name {
    font-size:2.8rem;
    background:linear-gradient(45deg,#ff9dcf,#f5c8a8,#ffb4d8);
    -webkit-background-clip:text;
    color:transparent;
    text-shadow:0 0 12px rgba(255,146,209,0.5);
}

.sale-modal h1 {
    font-size:2.2rem;
    color:#ff77aa;
    text-shadow: 0 0 16px #ff99cc88, 0 0 28px #ffccbb44;
}

.sale-modal p { color:#ffb0d0; opacity:0.95; }
.sale-price { color:#ff5599; font-weight:700; text-shadow:0 0 18px #ff88cc55,0 0 28px #ffccbb33; }

a.contact-btn {
    display:inline-block;
    padding:0.9rem 1.6rem;
    border-radius:14px;
    font-weight:600;
    text-decoration:none;
    color:#1c0a0a;
    background: linear-gradient(135deg,#ff99cc,#ff77aa,#ffccaa);
    box-shadow:0 0 22px #ff77aa88,0 0 40px #ffccbb44;
    transition:0.18s ease-out;
}
a.contact-btn:hover { transform:scale(1.07); box-shadow:0 0 32px #ff77aaff,0 0 50px #ffccbbaa; }

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