:root {
            --navy: #0F172A;
            --navy-light: #1E293B;
            --teal: #14B8A6;
            --teal-dark: #0D9488;
            --orange: #F97316;
            --red: #EF4444;
            --green: #22C55E;
            --yellow: #EAB308;
        }
        .font-heading { font-family: 'Space Grotesk', sans-serif; }
        .font-body { font-family: 'Inter', system-ui, sans-serif; }
        
        /* Dark mode */
        .dark .dark\:bg-navy { background-color: var(--navy); }
        .dark .dark\:bg-navy-light { background-color: var(--navy-light); }
        .dark .dark\:text-white { color: #ffffff; }
        .dark .dark\:text-gray-300 { color: #d1d5db; }
        .dark .dark\:text-gray-400 { color: #9ca3af; }
        .dark .dark\:border-gray-700 { border-color: #374151; }
        .dark .dark\:hover\:bg-navy-light:hover { background-color: var(--navy-light); }
        
        /* Glassmorphism */
        .glass {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }
        .dark .glass {
            background: rgba(30, 41, 59, 0.7);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        /* Card hover */
        .card-hover {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15);
        }
        
        /* Risk meter animation */
        @keyframes pulse-risk {
            0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
            50% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
        }
        .risk-high { animation: pulse-risk 2s infinite; }
        
        /* Horizontal scroll */
        .hscroll {
            display: flex;
            gap: 1rem;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .hscroll::-webkit-scrollbar { display: none; }
        .hscroll > * { scroll-snap-align: start; flex-shrink: 0; }
        
        /* Hero gradient */
        .hero-gradient {
            background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);
            position: relative;
            overflow: hidden;
        }
        .hero-gradient::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(20, 184, 166, 0.15) 0%, transparent 70%);
            animation: float 8s ease-in-out infinite;
        }
        .hero-gradient::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(249, 115, 22, 0.1) 0%, transparent 70%);
            animation: float 10s ease-in-out infinite reverse;
        }
        @keyframes float {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            33% { transform: translate(20px, -20px) rotate(5deg); }
            66% { transform: translate(-15px, 15px) rotate(-3deg); }
        }
        
        /* Nav link underline */
        .nav-link { position: relative; }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--teal);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }
        
        /* Severity badges */
        .badge-low { @apply bg-teal-100 text-teal-700; }
        .badge-medium { @apply bg-amber-100 text-amber-700; }
        .badge-high { @apply bg-red-100 text-red-700; }
        .dark .badge-low { @apply bg-teal-900/50 text-teal-300; }
        .dark .badge-medium { @apply bg-amber-900/50 text-amber-300; }
        .dark .badge-high { @apply bg-red-900/50 text-red-300; }
    
/* Destinations page */
.dest-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.07);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .2s}
.dest-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}
.dark .dest-card{background:#1E293B}
.dest-name{font-weight:700;color:#111827;font-size:1.125rem;line-height:1.3}
.dark .dest-name{color:#fff}
.dest-badge{font-size:.75rem;color:#0d9488;font-weight:600}
.dark .dest-badge{color:#2dd4bf}
.dest-link{display:block;font-size:.875rem;color:#0d9488;padding:.125rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dest-link:hover{color:#0f766e}
.dark .dest-link{color:#2dd4bf}
.dest-divider{border-top:1px solid #f3f4f6;padding-top:.5rem;display:flex;flex-direction:column}
.dark .dest-divider{border-color:#374151}

/* Scam database */
.db-row{background:#fff;border-radius:.75rem;padding:1rem;border:1px solid #f3f4f6;display:flex;align-items:flex-start;gap:1rem}
.dark .db-row{background:#1E293B;border-color:#374151}
.db-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;opacity:.85;padding:.5rem}
.db-icon.high{background:rgba(254,226,226,.7);color:#dc2626}
.dark .db-icon.high{background:rgba(127,29,29,.3);color:#f87171}
.db-icon.medium{background:rgba(254,243,199,.7);color:#d97706}
.dark .db-icon.medium{background:rgba(120,53,15,.3);color:#fbbf24}
.db-icon.low{background:rgba(204,251,241,.7);color:#0d9488}
.dark .db-icon.low{background:rgba(19,78,74,.3);color:#2dd4bf}
.db-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.7rem;text-transform:capitalize}
.db-badge.high{background:rgba(254,226,226,.7);color:#dc2626}
.dark .db-badge.high{background:rgba(127,29,29,.3);color:#f87171}
.db-badge.medium{background:rgba(254,243,199,.7);color:#d97706}
.dark .db-badge.medium{background:rgba(120,53,15,.3);color:#fbbf24}
.db-badge.low{background:rgba(204,251,241,.7);color:#0d9488}
.dark .db-badge.low{background:rgba(19,78,74,.3);color:#2dd4bf}
.db-tag{font-size:.7rem;background:#f3f4f6;color:#6b7280;padding:.125rem .5rem;border-radius:9999px}
.dark .db-tag{background:#374151;color:#d1d5db}