:root {
    --brand-green: #00e676;
    --neon-blue: #2979ff;
    --neon-yellow: #ffb300;
}

body {
    background-color: #000;
    font-family: 'Inter', sans-serif;
}

.font-mono { font-family: 'Space Grotesk', monospace; }

/* Effects */
.glass {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.glass-card {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
}

/* 3D Transform Utilities */
.perspective-1000 { perspective: 1000px; }
.rotate-y-12 { transform: rotateY(-12deg); }
.rotate-y-0 { transform: rotateY(0deg); }
.rotate-12 { transform: rotate(12deg); }

/* Animations */
@keyframes textShimmer {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.animate-text-shimmer {
    background-size: 200% auto;
    animation: textShimmer 3s linear infinite;
}

.animate-pulse-slow { animation: pulse 6s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.animate-float-slow { animation: float 8s ease-in-out infinite; }

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes shine {
    to { background-position: 200% center; }
}
.animate-shine { animation: shine 10s linear infinite; }

/* Buttons */
.primary-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2.5rem;
    background-color: var(--brand-green);
    color: black;
    font-weight: 800;
    font-family: 'Space Grotesk', sans-serif;
    border-radius: 9999px;
    transition: all 0.3s;
    box-shadow: 0 0 20px rgba(0, 230, 118, 0.2);
}
.primary-btn:hover {
    background-color: white;
    box-shadow: 0 0 40px rgba(0, 230, 118, 0.5);
    transform: translateY(-2px);
}

.secondary-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2.5rem;
    border: 1px solid;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif;
    border-radius: 9999px;
    transition: all 0.3s;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #222; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--brand-green); }

/* Details/Summary Animation */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }