body {
    background: linear-gradient(135deg, #0a0e27, #1a1f4e) !important;
    background-attachment: fixed !important;
}

.card, .panel, .well, .product-item {
    background: rgba(15, 20, 45, 0.9) !important;
    border: 1px solid #0066ff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;
}

h1, h2, h3, h4, .card-title {
    background: linear-gradient(135deg, #ffffff, #00c6ff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

.product-item, .card, .shop-item {
    background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(0,102,255,0.2)) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0,198,255,0.3) !important;
}

.price, .amount, .pull-right {
    color: #ffaa00 !important;
    font-size: 24px !important;
    font-weight: bold !important;
}

.btn, .btn-primary, button {
    background: linear-gradient(135deg, #0066ff, #00c6ff) !important;
    border: none !important;
    color: white !important;
    border-radius: 40px !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
}

.btn:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 0 15px #0066ff !important;
}

p, span, li, td {
    color: #c8d6e5 !important;
}

input, select, textarea {
    background: #0a0e27 !important;
    border: 1px solid #0066ff !important;
    color: white !important;
    border-radius: 8px !important;
}