@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

/* Background */
body {
    background: #080000
        url("../images/backgrounds/theme/red/cyberpunk-city.jpg")
        center/cover fixed no-repeat;
    font-family: "Share Tech Mono", monospace;
    color: #ff8a8a;
}

/* Glitch scanlines */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(
        to bottom,
        rgba(255, 0, 0, 0.05) 0px,
        rgba(255, 0, 0, 0.05) 2px,
        rgba(0, 0, 0, 0.15) 3px
    );
    pointer-events: none;
    z-index: 1;
}

/* Modal */
.sale-modal {
    background: rgba(40, 0, 0, 0.52);
    backdrop-filter: blur(12px);
    border-radius: 14px;
    padding: 3rem;

    box-shadow: 0 0 25px #ff3b3baa, inset 0 0 25px #ff000055;
    border: 1px solid #ff3b3b55;

    position: relative;
    z-index: 2;
}
.sale-modal .domain-name {
    font-size: 2.7rem;
    color: #ff3377;
    text-shadow: 0 0 10px #ff3377, 0 0 22px #ff0033;
}

/* Headline */
.sale-modal h1 {
    color: #ff3b3b;
    text-shadow: 0 0 12px #ff3b3b, 0 0 22px #ff3b3b88;
}

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

/* Price */
.sale-price {
    color: #ff3b3b;
    text-shadow: 0 0 15px #ff3b3baa;
}

/* Button */
a.contact-btn {
    background: #ff3b3b;
    color: #3a0303;
    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.05);
    box-shadow: 0 0 24px #ff3b3b;
}

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