@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600&display=swap');

/* Background */
body {
    background: #0b0013
        url("../images/backgrounds/theme/purple/synthwave-horizon.jpg")
        center/cover fixed no-repeat;
    font-family: "Exo 2", sans-serif;
    color: #d7b3ff;
}

/* Purple glow aura */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: radial-gradient(
        circle at 50% 70%,
        rgba(180, 0, 255, 0.20),
        transparent 70%
    );
    pointer-events: none;
    z-index: 1;
}

/* Modal */
.sale-modal {
    background: rgba(34, 0, 44, 0.55);
    border-radius: 16px;
    padding: 3rem;
    backdrop-filter: blur(15px);

    border: 1px solid #c061ff55;
    box-shadow: 0 0 25px #d06dff55, inset 0 0 25px #7a11bb33;

    position: relative;
    z-index: 2;
}
.sale-modal .domain-name {
    font-size: 2.7rem;
    color: #cc55ff;
    text-shadow: 0 0 10px #ff77ff, 0 0 20px #aa33dd;
}

/* Headline */
.sale-modal h1 {
    color: #d06dff;
    text-shadow: 0 0 14px #d06dffbb;
}

/* Paragraph */
.sale-modal p {
    color: #e2c4ff;
    opacity: 0.9;
}

/* Price */
.sale-price {
    color: #d06dff;
    text-shadow: 0 0 18px #d06dff99;
}

/* Button */
a.contact-btn {
    background: #d06dff;
    color: #2a0040;
    padding: 0.8rem 1.4rem;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    transition: 0.15s ease-out;
}
a.contact-btn:hover {
    transform: scale(1.06);
    box-shadow: 0 0 25px #d06dffaa;
}

/* QR */
#qr, img[alt="QR code"] {
    filter: drop-shadow(0 0 10px #d06dffaa);
}