/*
Theme Name: Parazon
Author: France Lee
Description: A custom theme for Parazon Casino, based on the provided HTML.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, casino
*/



:root {
    --neon-pink: #ec4899;
    --neon-cyan: #22d3ee;
    --bg-color: #020617;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: var(--bg-color);
    background-image: 
        linear-gradient(rgba(2, 6, 23, 0.95), rgba(2, 6, 23, 0.95)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='%23ec4899' fill-opacity='0.1'%3E%3Crect x='0' y='0' width='1' height='100'/%3E%3Crect x='0' y='0' width='100' height='1'/%3E%3C/g%3E%3C/svg%3E");
    color: #e2e8f0;
}
.font-poppins {
    font-family: 'Poppins', sans-serif;
}
.font-orbitron {
    font-family: 'Orbitron', sans-serif;
}
.card {
    background-color: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(5px);
    border: 2px solid var(--neon-cyan);
    border-radius: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px var(--neon-cyan);
}
.card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 0 30px var(--neon-cyan);
}
.details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}
.details.open {
    max-height: 1000px;
}
.btn-primary {
    background-color: var(--neon-cyan);
    color: var(--bg-color);
    transition: all 0.3s ease;
    box-shadow: 0 0 10px var(--neon-cyan);
    border: 2px solid var(--neon-cyan);
}
.btn-primary:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px var(--neon-cyan);
}
.btn-secondary {
    background-color: transparent;
    border: 2px solid var(--neon-pink);
    color: var(--neon-pink);
    transition: all 0.3s ease;
    box-shadow: 0 0 10px var(--neon-pink);
}
.btn-secondary:hover {
    background-color: var(--neon-pink);
    color: var(--bg-color);
    transform: scale(1.05);
    box-shadow: 0 0 25px var(--neon-pink);
}
.section-title {
    color: var(--neon-pink);
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px var(--neon-pink), 0 0 30px var(--neon-pink), 0 0 40px var(--neon-pink);
}
.faq-item .answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}