/* 0016 - Dark Tech Theme */
:root {
    --primary: #3b82f6;
    --primary-dark: #2563eb;
    --bg-dark: #0f172a;
    --bg-card: #1e293b;
    --text-muted: #94a3b8;
}
html { scroll-behavior: smooth; }
body { background: var(--bg-dark); }

/* Glow effects */
.glow-card {
    box-shadow: 0 0 30px rgba(59,130,246,0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.glow-card:hover {
    box-shadow: 0 0 60px rgba(59,130,246,0.2);
    transform: translateY(-4px);
}

/* Gradient text */
.gradient-text {
    background: linear-gradient(135deg, #60a5fa, #a78bfa, #34d399);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Animated border */
.border-glow {
    position: relative;
}
.border-glow::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6, #06b6d4);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
}
.border-glow:hover::after { opacity: 1; }

/* Marquee animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee { animation: marquee 30s linear infinite; }

/* FAQ */
.faq-answer { animation: slideDown 0.3s ease-out; }
@keyframes slideDown {
    from { opacity: 0; max-height: 0; }
    to { opacity: 1; max-height: 500px; }
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

/* Float */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
.animate-float { animation: float 4s ease-in-out infinite; }

/* Pulse ring */
.pulse-ring::before {
    content: '';
    position: absolute;
    inset: -8px;
    border-radius: inherit;
    border: 2px solid rgba(59,130,246,0.3);
    animation: pulseRing 2s ease-out infinite;
}
@keyframes pulseRing {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.3); opacity: 0; }
}