:root {
    --neon-blue: #00f2ff;
    --neon-purple: #7000ff;
    --dark-bg: #030303;
}

body {
    background-color: var(--dark-bg);
    color: #ffffff;
    font-family: 'Rajdhani', sans-serif;
    background-image: radial-gradient(circle at 50% 50%, #1a1a2e 0%, #050505 100%);
    background-attachment: fixed;
}

.orbitron { font-family: 'Orbitron', sans-serif; }

.glass-card {
    background: rgba(15, 15, 15, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
}

.price-card {
    transition: all 0.3s ease;
}

.price-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.2);
    border-color: var(--neon-blue);
}

.neon-text-blue {
    text-shadow: 0 0 10px var(--neon-blue);
}

.btn-generate {
    background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));
    transition: all 0.3s ease;
}

.btn-generate:not(:disabled) {
    opacity: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 5px 15px rgba(112, 0, 255, 0.4);
}

input[type="radio"]:checked + label {
    background: rgba(0, 242, 255, 0.1);
    border-color: var(--neon-blue);
    color: var(--neon-blue);
}

.feature-tag {
    background: rgba(255, 255, 255, 0.05);
    padding: 6px;
    border-radius: 8px;
    font-size: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}