/* FINEMINE FINAL PREMIUM CSS (ALL EFFECTS + FIXED LOGO) */

body {
    background: radial-gradient(circle at top, #140000, #050000 80%);
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
    overflow-x: hidden;
}

/* particles */
body::before {
    content: "";
    position: fixed;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,0,0,0.15) 1px, transparent 1px);
    background-size: 40px 40px;
    animation: moveBg 20s linear infinite;
    z-index: -1;
}

@keyframes moveBg {
    0% { transform: translate(0,0); }
    100% { transform: translate(-100px,-100px); }
}

/* cards with fire border */
.product-card, .card {
    position: relative;
    border-radius: 16px;
    padding: 2px;
    background: linear-gradient(120deg, #ff0000, #ff6600, #ff0000);
    background-size: 300% 300%;
    animation: borderFlow 4s linear infinite;
}

@keyframes borderFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

.product-card > *, .card > * {
    background: linear-gradient(145deg, #1a0000, #2a0000);
    border-radius: 14px;
    padding: 15px;
}

.product-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 0 40px red, 0 0 80px rgba(255,100,0,0.6);
}

/* shine */
.product-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
    opacity: 0;
    transition: 0.3s;
}

.product-card:hover::after {
    opacity: 1;
}

/* buttons */
button, .btn {
    background: linear-gradient(45deg, #ff0000, #aa0000) !important;
    border-radius: 12px;
    color: white !important;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 10px red; }
    50% { box-shadow: 0 0 30px red; }
    100% { box-shadow: 0 0 10px red; }
}

button::before, .btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
    opacity: 0;
    transition: 0.3s;
}

button:hover::before, .btn:hover::before {
    opacity: 1;
}

button:hover, .btn:hover {
    transform: scale(1.08);
}

/* text */
h1, h2, h3 {
    color: #ff2b2b;
    text-shadow: 0 0 15px red;
}

/* FIXED LOGO (чтобы FINEMINE не сливался) */
.site-name, .server-name, .logo {
    color: #ffffff !important;
    text-shadow:
        0 0 5px #ff0000,
        0 0 10px #ff0000,
        0 0 20px #ff0000,
        0 0 40px #ff0000;
    font-weight: 900;
}

/* price */
.price {
    color: #ff4d4d;
    font-weight: bold;
    text-shadow: 0 0 10px red;
}

/* inputs */
input {
    background: #120000 !important;
    border: 1px solid #660000 !important;
    color: white !important;
    border-radius: 8px;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: red;
    border-radius: 10px;
}