/* ==========================================================================
   Extracted Page-Specific Styles
   ========================================================================== */

body {
    background-color: #f8fafc;
    color: #334155;
    font-family: "Inter", sans-serif;
    transition: background-color 0.3s, color 0.3s;
}
.dark body {
    background-color: #07090e;
    color: #cbd5e1;
}
.dark .bg-white dark:bg-[#10141f] {
    background-color: #10141f !important;
}
.dark .text-black {
    color: #ffffff !important;
}
.dark .text-gray-900 {
    color: #ffffff !important;
}
.dark .text-gray-500 {
    color: #94a3b8 !important;
}
.dark .border-gray-300 {
    border-color: #1e293b !important;
}
.dark .border-surface-dim {
    border-color: #1e293b !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "\"Montserrat\"", sans-serif;
    color: inherit;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
    color: #f8fafc;
}
/* Decorative map background */
.hero-bg {
    position: relative
}
.hero-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuDfF_tNvOXSygV0PmmA_RzTX9PYfyRdX6mGRfbvrb7Iy6Mx2t8zQ6q6bgu4a0Hxwo9e_8EIeo1h1pEZDRr4_NOBEdjiw4NeI2fnDSlXB9WU2WzB_uB3YAx8FwD9SElA6ZwWYAv9rk7n_fY-X1uZ43kr5NpLr2gruCPfao5BYGNrVpCTLVn4JqmTsuojpVEC5fDyv5yyU_vPGZUzwO5Fy7wTkM3hYGnEGVxEseNVfqFRr-MWQFmG9v3GW8tnbBSSLlPQG7pMCYWeHr1J);
    background-size: cover;
    background-position: center;
    opacity: 0.03;
    z-index: -1
}
.fade-gradient {
    background: linear-gradient(to top, #f8fafc, transparent);
}
.dark .fade-gradient {
    background: linear-gradient(to top, #07090e, transparent);
}
.dashed-line {
    border-bottom: 2px dashed #2699A6;
    position: relative
}
.dashed-line::after {
    content: "✈";
    position: absolute;
    right: -10px;
    top: -12px;
    color: #2699A6;
    font-size: 1.2rem;
    transform: rotate(45deg)
}