/* Global Styles from landing.php */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #020617;
    color: white;
    font-family: 'Sora', sans-serif;
}

/* Glass Panel equivalent to Map.php */
.glass-panel {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(59, 130, 246, 0.15);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
}

.bg-dots-dark {
    background-color: #020617;
    background-image: radial-gradient(#1e293b 1px, transparent 1px);
    background-size: 20px 20px;
}

.glow-text {
    text-shadow: 0 0 20px rgba(0, 243, 255, 0.3);
}

/* Loader Styles */
.loader-card {
    background: linear-gradient(180deg, #1e3a8a 0%, #172554 100%);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.1),
        0 20px 40px rgba(0, 0, 0, 0.4),
        inset 0 0 60px rgba(29, 78, 216, 0.3);
}

/* Custom Cursor */
html,
body {
    cursor: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L10.07 19.97L12.58 12.58L19.97 10.07L3 3Z' fill='white' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"), auto;
}

a,
button,
[role="button"],
.cursor-pointer {
    cursor: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L10.07 19.97L12.58 12.58L19.97 10.07L3 3Z' fill='white' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"), pointer;
}