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

body {
    background: #0f0f11
        url("../images/backgrounds/theme/liquidmetal/liquid-metal.jpg")
        center/cover fixed no-repeat;
    font-family: "Rajdhani", sans-serif;
    color: #d1d1d1;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: radial-gradient(circle at center,
        rgba(255,255,255,0.05),
        transparent 65%
    );
    pointer-events: none;
    z-index: 1;
}

.sale-modal {
    background: rgba(40, 40, 45, 0.55);
    padding: 3rem;
    border-radius: 14px;

    backdrop-filter: blur(20px) saturate(1.4);
    border: 1px solid #a8a8a866;

    box-shadow:
        0 0 20px rgba(200,200,200,0.25),
        inset 0 0 20px rgba(255,255,255,0.05);

    position: relative;
    z-index: 2;
}
@keyframes chrome-shine {
    0% { background-position: -200px 0; }
    100% { background-position: 200px 0; }
}
.sale-modal .domain-name {
    font-size: 2.8rem;
    font-weight: 900;
    color: #d8d8d8;
    background: linear-gradient(90deg, #d6d6d6, #f1f1f1, #9a9a9a, #ffffff);
    -webkit-background-clip: text;
    color: transparent;
    animation: chrome-shine 2.5s linear infinite;
}

.sale-modal h1 {
    color: #ececec;
    text-shadow: 0 0 12px #ffffff33;
}

.sale-modal p {
    color: #d7d7d7;
    opacity: 0.9;
}

.sale-price {
    color: #ffffff;
    text-shadow: 0 0 15px #ffffff44;
}

a.contact-btn {
    background: linear-gradient(145deg, #e5e5e5, #9f9f9f);
    color: #1f1f1f;
    padding: 0.8rem 1.4rem;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.15s;
}
a.contact-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 18px #ffffff88;
}

#qr {
    filter: drop-shadow(0 0 10px #ffffff88);
}