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

/* Background */
body {
    background: #120000
        url("../images/backgrounds/theme/fire/volcano.jpg")
        center/cover fixed no-repeat;
    font-family: "Russo One", sans-serif;
    color: #ffbb88;
}

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

.sale-modal {
    background: rgba(60, 0, 0, 0.55);
    padding: 3rem;
    border-radius: 12px;

    border: 1px solid #ff440088;
    box-shadow:
        0 0 15px #ff440055,
        inset 0 0 15px #ff220055;

    backdrop-filter: blur(10px);
    position: relative;
    z-index: 2;
}
@keyframes flicker {
  0% { opacity:1; transform:translateY(0); }
  100% { opacity:0.85; transform:translateY(-1px); }
}
.sale-modal .domain-name {
    font-size: 2.8rem;
    font-weight:900;
    color:#ff3f00;
    text-shadow:
        0 0 12px #ff5e00,
        0 0 24px #ff2200,
        0 0 48px #ff9900;
    animation: flicker 1.8s infinite alternate ease-in-out;
}

.sale-modal h1 {
    color: #ff4400;
    text-shadow: 0 0 20px #ff2200bb;
}

.sale-modal p {
    color: #ffddbb;
}

.sale-price {
    color: #ff5500;
    text-shadow: 0 0 15px #ff330099;
}

a.contact-btn {
    background: linear-gradient(135deg, #ff4400, #ff2200);
    color: #ffe7dc;
    padding: 0.8rem 1.4rem;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.15s;
}
a.contact-btn:hover {
    transform: scale(1.06);
    box-shadow: 0 0 20px #ff3300cc;
}

#qr { filter: drop-shadow(0 0 8px #ff3300); }