/* ==UserStyle==
@name           AstarTime Premium Neon
@namespace      astartime.custom
@version        1.0.0
@description    Premium dark neon style for AstarTime
@author         Custom
@match          *://astartime*
==/UserStyle== */

:root{
    --accent: #7c3aed;
    --accent2: #ff6a00;
    --bg-dark: #0b0f1f;
    --card-bg: rgba(18, 22, 45, 0.75);
    --glass: blur(14px);
}

/* Background */
body {
    background: radial-gradient(circle at 30% 20%, #151a35, #0b0f1f 65%);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

/* Header */
header, .header, nav {
    background: rgba(15,18,35,0.75) !important;
    backdrop-filter: var(--glass);
    border-bottom: 1px solid rgba(124,58,237,0.4);
}

/* Buttons */
button, .btn, a.button {
    background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 0 20px rgba(124,58,237,0.6);
    transition: 0.3s ease;
}

button:hover, .btn:hover, a.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 30px rgba(255,106,0,0.9);
}

/* Cards */
.card, .product-card, .shop-item, .item {
    background: var(--card-bg) !important;
    backdrop-filter: var(--glass);
    border-radius: 20px !important;
    border: 1px solid rgba(124,58,237,0.3);
    transition: all 0.3s ease;
}

.card:hover, .product-card:hover, .shop-item:hover, .item:hover {
    transform: scale(1.05);
    border: 1px solid var(--accent);
    box-shadow: 0 0 25px rgba(124,58,237,0.6);
}

/* Prices */
.price, .cost {
    color: var(--accent2) !important;
    font-weight: 600;
}

/* Sidebar */
.sidebar, .menu {
    background: rgba(11,15,31,0.95) !important;
    border-right: 1px solid rgba(124,58,237,0.3);
}

/* Glow animation */
.glow, .bonus, .highlight {
    animation: glow 2s infinite alternate;
}

@keyframes glow {
    from { filter: drop-shadow(0 0 6px var(--accent)); }
    to { filter: drop-shadow(0 0 20px var(--accent2)); }
}

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

::-webkit-scrollbar-thumb {
    background: linear-gradient(var(--accent), var(--accent2));
    border-radius: 10px;
}