:root {
    --primary-dark: #001D3D;
    --primary-mid: #003566;
    --accent-neon: #00CCFF;
    --bg-light: #F8F9FA;
    --text-dark: #212529;
}
body { font-family: 'Inter', sans-serif; background-color: var(--bg-light); color: var(--text-dark); }
.hero {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-mid) 100%);
    color: white;
    padding: 120px 0;
    border-bottom: 4px solid var(--accent-neon);
}
.accent-text { color: var(--accent-neon); }
.feature-icon { font-size: 2.5rem; color: var(--accent-neon); margin-bottom: 1rem; }
.btn-primary {
    background-color: var(--accent-neon);
    border-color: var(--accent-neon);
    color: var(--primary-dark);
    font-weight: 800;
}
.btn-primary:hover { background-color: #0099CC; border-color: #0099CC; color: white; }
.card { border: none; transition: transform 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-radius: 12px; }
.card:hover { transform: translateY(-10px); border-bottom: 3px solid var(--accent-neon); }
.tech-badge { background-color: #e9ecef; color: var(--primary-mid); font-weight: 600; margin: 2px; border: 1px solid #dee2e6; }
.navbar { background-color: var(--primary-dark) !important; border-bottom: 1px solid rgba(0,204,255,0.2); padding-top: 15px; padding-bottom: 15px; }
footer { background: var(--primary-dark); color: #adb5bd; padding: 60px 0; border-top: 1px solid var(--accent-neon); }
.logo-svg { width: 40px; height: 40px; }
.logo-svg-footer { width: 60px; height: 60px; margin-bottom: 15px; }