@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;800&display=swap');

:root {
    --primary:       #00ff9f;
    --primary-dark:  #00cc7a;
    --primary-light: #80ffc8;
    --accent:        #ff2d78;
    --accent-dark:   #cc1155;
    --accent-light:  #ff80b4;
    --dark:          #060a0e;
    --dark-mid:      #0d1520;
    --text:          #b8d4e4;
    --text-muted:    #6888a0;
    --surface:       #08111c;
    --border:        #1a2c3e;
    --white:         #ffffff;
}

/* Body */
body {
    background: #060a0e;
}

/* Nav */
.nav-brand {
    color: #00ff9f !important;
    text-shadow: 0 0 8px rgba(0, 255, 159, 0.4);
}

.site-nav ul a {
    color: #6888a0;
}

/* Hero — dark background, neon glow title */
.hero {
    background:
        radial-gradient(ellipse at 50% 130%, rgba(0, 255, 159, 0.1) 0%, transparent 55%),
        radial-gradient(ellipse at 90% 0%, rgba(255, 45, 120, 0.07) 0%, transparent 40%),
        #060a0e;
}

.hero::after {
    background:
        radial-gradient(ellipse at 15% 90%, rgba(255, 45, 120, 0.09) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 10%, rgba(0, 255, 159, 0.07) 0%, transparent 55%);
}

.hero-content h1 {
    font-family: 'Orbitron', 'Courier New', monospace;
    color: #00ff9f;
    text-shadow:
        0 0 18px rgba(0, 255, 159, 0.9),
        0 0 45px rgba(0, 255, 159, 0.4),
        0 0 90px rgba(0, 255, 159, 0.15);
    letter-spacing: 0.04em;
}

.hero-content h2 {
    color: rgba(184, 212, 228, 0.85);
}

.hero-content p {
    color: rgba(184, 212, 228, 0.7);
}

/* Sections */
.features {
    background: #08111c;
}

.mission, .cta-section {
    background: #060a0e;
}

.faq-section {
    background: #08111c;
}

h2 {
    color: #b8d4e4;
}

/* Feature cards */
.feature-card {
    background: #0d1520;
    border-color: #1a2c3e;
}

.feature-card:hover {
    border-color: rgba(0, 255, 159, 0.4);
    box-shadow: 0 0 24px rgba(0, 255, 159, 0.1), 0 12px 30px rgba(0, 0, 0, 0.5);
}

/* Stats */
.stats {
    background: #060a0e;
}

.stat-item {
    border-color: #1a2c3e;
    background: rgba(0, 255, 159, 0.04);
}

.stat-number {
    color: #00ff9f;
    text-shadow: 0 0 14px rgba(0, 255, 159, 0.6), 0 0 28px rgba(0, 255, 159, 0.25);
}

/* Secondary CTA button — neon outline */
.cta-button.secondary {
    background: transparent;
    border: 2px solid rgba(0, 255, 159, 0.7);
    color: #00ff9f !important;
    box-shadow: 0 0 14px rgba(0, 255, 159, 0.15);
}

.cta-button.secondary:hover {
    background: rgba(0, 255, 159, 0.08);
    border-color: #00ff9f;
    box-shadow: 0 0 22px rgba(0, 255, 159, 0.28);
    transform: translateY(-2px);
}

/* FAQ */
.faq-item {
    background: #0d1520;
    border-color: #1a2c3e;
}

.faq-item:hover {
    border-color: rgba(0, 255, 159, 0.3);
    box-shadow: 0 4px 16px rgba(0, 255, 159, 0.08);
}

.faq-item h3 {
    color: #b8d4e4;
}

/* Contact */
.contact-content {
    background: #060a0e;
}

.contact-form-section h2 {
    color: #b8d4e4;
}

.form-group label {
    color: #b8d4e4;
}

.form-group input,
.form-group select,
.form-group textarea {
    background: #06090d;
    color: #b8d4e4;
    border-color: #1a2c3e;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #3a5a70;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #00ff9f;
    box-shadow: 0 0 0 3px rgba(0, 255, 159, 0.12);
}

/* Download section */
.download-section {
    --download-section-bg: #08111c;
}