/* Custom styles for MDA Report (Tailwind version) */
:root {
    --bg-color: #030305;
    --card-bg: rgba(20, 20, 25, 0.6);
    --card-border: rgba(255, 255, 255, 0.08);
    --accent-gradient: linear-gradient(135deg, #00f0ff 0%, #7000ff 100%);
    --glass-blur: blur(20px);
}

body {
    background-color: var(--bg-color);
    font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4 {
    font-family: 'Outfit', sans-serif;
}

.text-gradient {
    background: var(--accent-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-glow {
    position: fixed;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(112, 0, 255, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

.glow-1 {
    top: -200px;
    left: -200px;
}

.glow-2 {
    bottom: -200px;
    right: -200px;
    background: radial-gradient(circle, rgba(0, 240, 255, 0.1) 0%, rgba(0, 0, 0, 0) 70%);
}

.glass-nav {
    background: rgba(3, 3, 5, 0.8);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--card-border);
}

.card-glass {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    backdrop-filter: var(--glass-blur);
}