:root {--bg-primary:;--bg-secondary:;--bg-card: #1a243a;--bg-input: #243049;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #8a9bb8;--accent-primary: #274c77;--accent-secondary: #6096ba;--accent-danger: #ef4444;--accent-warning: #f59e0b;--accent-success: #10b981;--accent-purple: #8b5cf6;--border-color: #2d3748;--shadow: 0 4px 12px rgba(0, 0, 0, 0.15);--radius: 12px;--transition: all 0.3s ease;--glow: 0 0 10px rgba(59, 130, 246, 0.3);}.light-theme {--bg-primary:;--bg-secondary: ;--bg-card: #ffffff;--bg-input: #edf2f7;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--accent-primary: #274c77;--accent-secondary: #6096ba;--accent-danger: #ef4444;--accent-warning: #f59e0b;--accent-success: #10b981;--accent-purple: #8b5cf6;--border-color: #e2e8f0;--shadow: 0 4px 12px rgba(0, 0, 0, 0.08);--glow: 0 0 10px rgba(59, 130, 246, 0.2);}* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Inter', sans-serif;background-color: var(--bg-primary);color: var(--text-primary);line-height: 1.6;transition: var(--transition);overflow-x: hidden;position: relative;padding-top:70px;}/* Animated Background */.animated-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -2;overflow: hidden;}.bg-particle {position: absolute;border-radius: 50%;opacity: 0.1;animation: float 15s infinite linear;}.bg-particle:nth-child(1) {width: 300px;height: 300px;background: radial-gradient(circle, var(--accent-primary), transparent);top: 10%;left: 5%;animation-duration: 25s;}.bg-particle:nth-child(2) {width: 200px;height: 200px;background: radial-gradient(circle, var(--accent-secondary), transparent);top: 60%;right: 10%;animation-duration: 20s;animation-delay: 2s;}.bg-particle:nth-child(3) {width: 150px;height: 150px;background: radial-gradient(circle, var(--accent-purple), transparent);bottom: 20%;left: 15%;animation-duration: 30s;animation-delay: 5s;}@keyframes float {0% {transform: translate(0, 0) rotate(0deg);}25% {transform: translate(20px, 20px) rotate(90deg);}50% {transform: translate(0, 40px) rotate(180deg);}75% {transform: translate(-20px, 20px) rotate(270deg);}100% {transform: translate(0, 0) rotate(360deg);}}.container {max-width: 1600px;margin: 0 auto;padding: 0 20px;}.headerearth {padding:10px;position: relative;}/* Center the logo text */.logo-text {text-align: center;padding: 20px;max-width: 90%;margin: 0 auto;}/* Heading styles */.logo-text h1 {font-size: 2rem;/* Base size */margin: 0;line-height: 1.2;}/* Paragraph styles */.logo-text p {font-size: 1rem;margin-top: 8px;line-height: 1.4;color: --var(border-color);}/* Responsive adjustments */@media (max-width: 768px) {.logo-text h1 {font-size: 1.6rem;}.logo-text p {font-size: 0.9rem;}}@media (max-width: 480px) {.logo-text h1 {font-size: 1.3rem;}.logo-text p {font-size: 0.8rem;}}.header-content {display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;gap: 16px;}.header-controls {display: flex;gap: 12px;align-items: center;}/* Buttons */.btn {background: linear-gradient(135deg, var(--accent-primary), var(--accent-purple));color: white;border: none;padding: 10px 18px;border-radius: var(--radius);font-weight: 600;cursor: pointer;display: flex;align-items: center;gap: 8px;transition: var(--transition);box-shadow: var(--shadow);}.btn:hover {transform: translateY(-2px);box-shadow: var(--glow);}.btn-secondary {background: var(--bg-card);color: var(--text-primary);border: 1px solid var(--border-color);}.btn-outline {background-color: transparent;border: 1px solid var(--border-color);color: var(--text-primary);}.btn-sm {padding: 8px 14px;font-size: 0.85rem;}.btn-icon {padding: 10px;width: 40px;height: 40px;justify-content: center;}/* Main Layout */.dashboard {display: grid;grid-template-columns: 1fr 400px;gap: 24px;margin-top: 24px;}@media (max-width: 1200px) {.dashboard {grid-template-columns: 1fr;}.main-content {order: 1;}.sidebar {order: 2;}}/* Cards */.card {background-color: var(--bg-card);border-radius: var(--radius);padding: 24px;box-shadow: var(--shadow);border: 1px solid var(--border-color);margin-bottom: 24px;transition: var(--transition);}.card:hover {box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.2);}.card-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}.card-title {font-size: 1.3rem;font-weight: 700;display: flex;align-items: center;gap: 10px;}.card-title i {color: var(--accent-primary);}.card-subtitle {font-size: 0.85rem;color: var(--text-muted);}/* Map */#map {height: 500px;border-radius: var(--radius);overflow: hidden;z-index: 1;box-shadow: var(--shadow);}.map-fullscreen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;border-radius: 0;}/* Stats */.stats-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 10px;margin-top: 10px;}.stat-card {background: transparent;padding: 15px;border: 1px dashed #274c77;border-radius: var(--radius);text-align: center;transition: var(--transition);margin-bottom: 10px;}.stat-card:hover {transform: translateY(-3px);}.stat-value {font-size: 1.1rem;font-weight: 700;margin: 8px 0;font-family: 'Orbitron', sans-serif;}.stat-valueloc {font-size: 0.9rem;font-weight: 700;margin: 8px 0;font-family: 'Orbitron', sans-serif;}.stat-label {font-size: 0.85rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;}/* Events List */.events-list {max-height: 400px;overflow-y: auto;padding-right: 8px;}.events-list::-webkit-scrollbar {width: 6px;}.events-list::-webkit-scrollbar-track {background: var(--bg-secondary);border-radius: 10px;}.events-list::-webkit-scrollbar-thumb {background: var(--accent-primary);border-radius: 10px;}.event-item {display: flex;align-items: center;gap: 12px;padding: 14px;border-radius: var(--radius);margin-bottom: 10px;background-color: var(--bg-secondary);cursor: pointer;transition: var(--transition);border-left: 3px solid transparent;}.event-item:hover {background-color: var(--bg-input);border-left-color: var(--accent-primary);}.event-magnitude {width: 50px;height: 50px;border-radius: var(--radius);display: flex;align-items: center;justify-content: center;font-weight: 700;color: white;font-size: 1.1rem;box-shadow: var(--shadow);}.mag-strong {background: linear-gradient(135deg, var(--accent-danger), #f97316);}.mag-medium {background: linear-gradient(135deg, var(--accent-warning), #fbbf24);}.mag-weak {background: linear-gradient(135deg, var(--accent-success), #34d399);}.event-info {flex: 1;}.event-title {font-weight: 600;margin-bottom: 6px;}.event-meta {font-size: 0.85rem;color: var(--text-muted);display: flex;gap: 12px;}/* Controls */.control-group {margin-bottom: 20px;}.control-label {display: block;margin-bottom: 10px;font-weight: 500;color: var(--text-secondary);display: flex;align-items: center;gap: 8px;}.form-control {width: 100%;padding: 12px 16px;border-radius: var(--radius);background-color: var(--bg-input);border: 1px solid var(--border-color);color: var(--text-primary);font-family: inherit;transition: var(--transition);}.form-control:focus {outline: none;border-color: var(--accent-primary);box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);}.coord-inputs {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}/* Health Indicators */.health-indicators {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}.health-item {display: flex;align-items: center;gap: 10px;padding: 12px;border-radius: var(--radius);background-color: var(--bg-secondary);transition: var(--transition);}.health-item:hover {background-color: var(--bg-input);}.health-status {width: 14px;height: 14px;border-radius: 50%;position: relative;}.health-status::after {content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;animation: pulse 2s infinite;}.status-ok {background-color: var(--accent-success);}.status-ok::after {background-color: var(--accent-success);}.status-loading {background-color: var(--accent-warning);}.status-loading::after {background-color: var(--accent-warning);}.status-error {background-color: var(--accent-danger);}.status-error::after {background-color: var(--accent-danger);}/* Toggle Switch */.toggle-switch {position: relative;display: inline-block;width: 50px;height: 24px;}.toggle-switch input {opacity: 0;width: 0;height: 0;}.toggle-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--bg-input);transition: var(--transition);border-radius: 24px;}.toggle-slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 3px;bottom: 3px;background-color: white;transition: var(--transition);border-radius: 50%;}input:checked + .toggle-slider {background-color: var(--accent-primary);}input:checked + .toggle-slider:before {transform: translateX(26px);}/* Footer */footer {text-align: center;padding: 24px 0;margin-top: 40px;color: var(--text-muted);font-size: 0.85rem;border-top: 1px solid var(--border-color);background-color: var(--bg-secondary);}/* Responsive */@media (max-width: 768px) {.header-content {flex-direction: column;gap: 16px;align-items: center;}.header-controls {width: 100%;justify-content: center;}.stats-container {grid-template-columns: repeat(2, 1fr);}.health-indicators {grid-template-columns: 1fr;}}@media (max-width: 480px) {.container {padding: 0 12px;}.stats-container {grid-template-columns: repeat(2, 1fr) !important;}.stat-label {font-size: 0.8rem;}.stat-value {font-size: 0.9rem;}.coord-inputs {grid-template-columns: 1fr;}.btn span {display: none;}.btn {padding: 10px;}}/* Custom Popup */.leaflet-popup-content-wrapper {background-color: var(--bg-card);color: var(--text-primary);border-radius: var(--radius);box-shadow: var(--shadow);}.leaflet-popup-tip {background-color: var(--bg-card);}.popup-content {min-width: 220px;}.popup-title {font-weight: 700;margin-bottom: 8px;font-size: 1.1rem;}.popup-details {font-size: 0.9rem;color: var(--text-secondary);margin-bottom: 12px;}.popup-link {color: var(--accent-primary);text-decoration: none;font-weight: 500;display: inline-flex;align-items: center;gap: 4px;transition: var(--transition);}.popup-link:hover {text-decoration: underline;color: var(--accent-secondary);}/* Weather Details Grid */.weather-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 12px;margin-top: 16px;}.weather-item {background: linear-gradient(135deg, var(--bg-secondary), var(--bg-input));padding: 14px;border-radius: var(--radius);text-align: center;transition: var(--transition);}.weather-item:hover {transform: translateY(-3px);}.weather-value {font-size: 1.3rem;font-weight: 600;margin: 8px 0;font-family: 'Orbitron', sans-serif;}.weather-label {font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;}.weather-icon {font-size: 1.5rem;margin-bottom: 8px;color: var(--accent-primary);}/* Forecast Tabs */.forecast-tabs {display: flex;border-bottom: 1px solid var(--border-color);margin-bottom: 16px;overflow-x: auto;}.forecast-tab {padding: 10px 16px;cursor: pointer;border-bottom: 3px solid transparent;transition: var(--transition);white-space: nowrap;font-weight: 500;}.forecast-tab.active {border-bottom-color: var(--accent-primary);color: var(--accent-primary);}.forecast-content {display: none;}.forecast-content.active {display: block;}/* Forecast Grid */.forecast-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));gap: 12px;}.forecast-day {background: linear-gradient(135deg, var(--bg-secondary), var(--bg-input));padding: 14px;border-radius: var(--radius);text-align: center;transition: var(--transition);}.forecast-day:hover {transform: translateY(-3px);}.forecast-date {font-size: 0.85rem;color: var(--text-muted);margin-bottom: 8px;}.forecast-temp {font-size: 1.1rem;font-weight: 600;margin: 4px 0;}.forecast-precip {font-size: 0.75rem;color: var(--text-muted);}/* Loading Animation */.loading {display: inline-block;width: 20px;height: 20px;border: 3px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color: var(--accent-primary);animation: spin 1s ease-in-out infinite;}@keyframes spin {to {transform: rotate(360deg);}}@keyframes pulse {0% {transform: scale(1);opacity: 1;}100% {transform: scale(2.5);opacity: 0;}}/* Layer Controls */.layer-controls {display: flex;gap: 10px;margin-top: 16px;flex-wrap: wrap;}.layer-btn {padding: 8px 16px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius);color: var(--text-primary);cursor: pointer;transition: var(--transition);font-size: 0.85rem;}.layer-btn.active {background: var(--accent-primary);color: white;border-color: var(--accent-primary);}/* AQI Indicator */.aqi-indicator {display: flex;align-items: center;gap: 10px;margin-top: 10px;}.aqi-value {font-weight: 600;font-size: 1.1rem;}.aqi-bar {flex: 1;height: 8px;background: var(--bg-input);border-radius: 4px;overflow: hidden;}.aqi-fill {height: 100%;border-radius: 4px;transition: width 0.5s ease;}.aqi-good {background: var(--accent-success);}.aqi-moderate {background: var(--accent-warning);}.aqi-unhealthy {background: var(--accent-danger);}/* Time Controls */.time-controls {display: flex;gap: 10px;margin-top: 16px;}.time-btn {padding: 8px 16px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius);color: var(--text-primary);cursor: pointer;transition: var(--transition);font-size: 0.85rem;}.time-btn.active {background: var(--accent-primary);color: white;border-color: var(--accent-primary);}/* Chart Container */.chart-container {position: relative;height: 300px;margin-top: 20px;}.chart-actions {display: flex;justify-content: flex-end;gap: 10px;margin-top: 15px;}/* Export Modal */.export-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 1000;align-items: center;justify-content: center;}.export-modal.active {display: flex;}.export-content {background: var(--bg-card);border-radius: var(--radius);padding: 24px;max-width: 500px;width: 90%;max-height: 90vh;overflow-y: auto;}.export-preview {background: var(--bg-secondary);border-radius: var(--radius);padding: 20px;margin: 20px 0;max-height: 400px;overflow-y: auto;}.export-options {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;margin: 20px 0;}.export-option {display: flex;align-items: center;gap: 8px;}.export-actions {display: flex;gap: 12px;justify-content: flex-end;}/* Nearby Locations */.nearby-locations {display: none;margin-top: 16px;background: var(--bg-secondary);border-radius: var(--radius);padding: 16px;max-height: 200px;overflow-y: auto;}.nearby-locations.active {display: block;}.nearby-title {font-weight: 600;margin-bottom: 12px;color: var(--text-primary);}.nearby-list {display: flex;flex-direction: column;gap: 8px;}.nearby-item {padding: 10px;background: var(--bg-input);border-radius: var(--radius);cursor: pointer;transition: var(--transition);}.nearby-item:hover {background: var(--accent-primary);color: white;}/* Modern Content Styles */.seo-content {margin-top: 3rem;}.content-grid {display: grid;gap: 2rem;margin-top: 1.5rem;}.content-section {padding: 2rem;border-radius: 1rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);backdrop-filter: blur(10px);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;border: 1px dashed gold;}.content-section::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.05), transparent);transition: left 0.6s ease;}.content-section:hover::before {left: 100%;}.content-section h3 {color: var(--accent-primary);margin-bottom: 1rem;font-size: 1.25rem;font-weight: 600;display: flex;align-items: center;gap: 0.5rem;}.content-section ul {list-style: none;padding: 0;margin: 0;}.content-section li {padding: 0.75rem 0;padding-left: 2rem;position: relative;color: var(--text-secondary);line-height: 1.6;border-bottom: 1px solid var(--border-color);transition: color 0.3s ease;}.content-section li:last-child {border-bottom: none;}.content-section li:hover {color: var(--text-primary);}.content-section li::before {content: "▶";position: absolute;left: 0;color: var(--accent-success);font-size: 0.8rem;transition: transform 0.3s ease;}.content-section li:hover::before {transform: translateX(3px);}/* Modern Tutorial Styles */.tutorial-steps {display: flex;flex-direction: column;gap: 1.5rem;margin-top: 2rem;}.tutorial-step {display: flex;gap: 1.5rem;align-items: flex-start;background: linear-gradient(145deg, var(--bg-card), var(--bg-secondary));padding: 2rem;border-radius: 1rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid transparent;position: relative;overflow: hidden;}.tutorial-step::after {content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, var(--accent-primary), var(--accent-purple));transform: scaleX(0);transition: transform 0.3s ease;}.tutorial-step:hover {transform: translateY(-3px);box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);border-color: var(--accent-primary);}.tutorial-step:hover::after {transform: scaleX(1);}.step-number {background: linear-gradient(135deg, var(--accent-primary), var(--accent-purple));color: white;width: 3rem;height: 3rem;border-radius: 0.75rem;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.25rem;flex-shrink: 0;box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);transition: all 0.3s ease;}.tutorial-step:hover .step-number {transform: scale(1.1) rotate(5deg);box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);}.step-content h3 {color: var(--text-primary);margin-bottom: 0.75rem;font-size: 1.2rem;font-weight: 600;}.step-content p {color: var(--text-secondary);line-height: 1.7;margin-bottom: 1rem;}.step-content ul {list-style: none;padding: 0;margin: 0;}.step-content li {padding: 0.5rem 0;color: var(--text-secondary);display: flex;align-items: center;gap: 0.5rem;transition: color 0.3s ease;}.step-content li:hover {color: var(--text-primary);}.mag-indicator {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.25rem 0.75rem;border-radius: 1rem;font-weight: 500;font-size: 0.875rem;background: var(--bg-input);transition: all 0.3s ease;}.mag-indicator:hover {transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}/* Modern FAQ Styles */.faq-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));gap: 1.5rem;margin-top: 2rem;}.faq-item {padding: 2rem;border-radius: 1rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid transparent;position: relative;overflow: hidden;}.faq-item::before {content: '';position: absolute;top: 0;left: 0;width: 3px;height: 100%;background: linear-gradient(180deg, var(--accent-primary), var(--accent-purple));transform: scaleY(0);transition: transform 0.3s ease;}.faq-item:hover {transform: translateY(-3px);box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);border-color: var(--border-color);}.faq-item:hover::before {transform: scaleY(1);}.faq-item h4 {color: var(--text-primary);margin-bottom: 1rem;font-size: 1.1rem;font-weight: 600;display: flex;align-items: center;gap: 0.5rem;}.faq-item h4::before {content: "•";color: var(--accent-primary);font-size: 1.5rem;}.faq-item p {color: var(--text-secondary);line-height: 1.7;margin: 0;}/* Modern Educational Content */.educational-content h3 {color: var(--text-primary);margin-bottom: 1.5rem;font-size: 1.3rem;font-weight: 600;}.benefits-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 1.5rem;margin: 2.5rem 0;}.benefit-item {text-align: center;padding: 2.5rem 1.5rem;background: linear-gradient(145deg, var(--bg-card), var(--bg-secondary));border-radius: 1rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid transparent;position: relative;overflow: hidden;}.benefit-item::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);transform: scale(0);transition: transform 0.6s ease;}.benefit-item:hover {transform: scale(1);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);border-color: var(--accent-primary);}.benefit-item i {font-size: 3rem;color: var(--accent-primary);margin-bottom: 1.5rem;transition: all 0.3s ease;}.benefit-item:hover i {transform: scale(1.3);color: var(--accent-purple);}.benefit-item h4 {color: var(--text-primary);margin-bottom: 1rem;font-size: 1.2rem;font-weight: 600;}.benefit-item p {color: var(--text-secondary);line-height: 1.7;margin: 0;}.science-facts {background: linear-gradient(145deg, var(--bg-card), var(--bg-secondary));padding: 2.5rem;border-radius: 1rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);margin-top: 2.5rem;border: 1px solid var(--border-color);}.science-facts h3 {color: var(--text-primary);margin-bottom: 1.5rem;font-size: 1.3rem;font-weight: 600;display: flex;align-items: center;gap: 0.75rem;}.science-facts h3::before {content: "🔬";font-size: 1.5rem;}.science-facts ul {list-style: none;padding: 0;margin: 0;}.science-facts li {padding: 1rem 0;padding-left: 2rem;color: var(--text-secondary);line-height: 1.7;border-bottom: 1px solid var(--border-color);transition: all 0.3s ease;position: relative;}.science-facts li:last-child {border-bottom: none;}.science-facts li:hover {color: var(--text-primary);transform: translateX(5px);}.science-facts li::before {content: "🌍";position: absolute;left: 0;font-size: 1.1rem;transition: transform 0.3s ease;}.science-facts li:hover::before {transform: scale(1.2);}/* Smooth Animations */@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.content-section,.tutorial-step,.faq-item,.benefit-item {animation: fadeInUp 0.6s ease-out;}/* Staggered animations for grid items */.content-section:nth-child(1) {animation-delay: 0.1s;}.content-section:nth-child(2) {animation-delay: 0.2s;}.content-section:nth-child(3) {animation-delay: 0.3s;}.tutorial-step:nth-child(1) {animation-delay: 0.1s;}.tutorial-step:nth-child(2) {animation-delay: 0.2s;}.tutorial-step:nth-child(3) {animation-delay: 0.3s;}.tutorial-step:nth-child(4) {animation-delay: 0.4s;}/* Responsive Design */@media (max-width: 768px) {.content-grid,.faq-grid,.benefits-grid {grid-template-columns: 1fr;gap: 1rem;}.tutorial-step {flex-direction: column;text-align: center;gap: 1rem;}.step-number {align-self: center;}.content-section,.tutorial-step,.faq-item,.benefit-item {padding: 1.5rem;}.science-facts {padding: 1.5rem;}}@media (max-width: 480px) {.faq-grid {grid-template-columns: 1fr;}.content-section h3,.step-content h3,.faq-item h4,.benefit-item h4 {font-size: 1.1rem;}}/* LEAFLETS CSS SECTION *//* required styles */.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane > svg,.leaflet-pane > canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer {position: absolute;left: 0;top: 0;}.leaflet-container {overflow: hidden;}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow {-webkit-user-select: none;-moz-user-select: none;user-select: none;-webkit-user-drag: none;}/* Prevents IE11 from highlighting tiles in blue */.leaflet-tile::selection {background: transparent;}/* Safari renders non-retina tile on retina better with this, but Chrome is worse */.leaflet-safari .leaflet-tile {image-rendering: -webkit-optimize-contrast;}/* hack that prevents hw layers "stretching" when loading new tiles */.leaflet-safari .leaflet-tile-container {width: 1600px;height: 1600px;-webkit-transform-origin: 0 0;}.leaflet-marker-icon,.leaflet-marker-shadow {display: block;}/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x *//* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */.leaflet-container .leaflet-overlay-pane svg {max-width: none !important;max-height: none !important;}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile {max-width: none !important;max-height: none !important;width: auto;padding: 0;}.leaflet-container img.leaflet-tile {/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */mix-blend-mode: plus-lighter;}.leaflet-container.leaflet-touch-zoom {-ms-touch-action: pan-x pan-y;touch-action: pan-x pan-y;}.leaflet-container.leaflet-touch-drag {-ms-touch-action: pinch-zoom;/* Fallback for FF which doesn't support pinch-zoom */touch-action: none;touch-action: pinch-zoom;}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {-ms-touch-action: none;touch-action: none;}.leaflet-container {-webkit-tap-highlight-color: transparent;}.leaflet-container a {-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);}.leaflet-tile {filter: inherit;visibility: hidden;}.leaflet-tile-loaded {visibility: inherit;}.leaflet-zoom-box {width: 0;height: 0;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 800;}/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */.leaflet-overlay-pane svg {-moz-user-select: none;}.leaflet-pane {z-index: 400;}.leaflet-tile-pane {z-index: 200;}.leaflet-overlay-pane {z-index: 400;}.leaflet-shadow-pane {z-index: 500;}.leaflet-marker-pane {z-index: 600;}.leaflet-tooltip-pane {z-index: 650;}.leaflet-popup-pane {z-index: 700;}.leaflet-map-pane canvas {z-index: 100;}.leaflet-map-pane svg {z-index: 200;}.leaflet-vml-shape {width: 1px;height: 1px;}.lvml {behavior: url(#default#VML);display: inline-block;position: absolute;}/* control positioning */.leaflet-control {position: relative;z-index: 800;pointer-events: visiblePainted;/* IE 9-10 doesn't have auto */pointer-events: auto;}.leaflet-top,.leaflet-bottom {position: absolute;z-index: 1000;pointer-events: none;}.leaflet-top {top: 0;}.leaflet-right {right: 0;}.leaflet-bottom {bottom: 0;}.leaflet-left {left: 0;}.leaflet-control {float: left;clear: both;}.leaflet-right .leaflet-control {float: right;}.leaflet-top .leaflet-control {margin-top: 10px;}.leaflet-bottom .leaflet-control {margin-bottom: 10px;}.leaflet-left .leaflet-control {margin-left: 10px;}.leaflet-right .leaflet-control {margin-right: 10px;}/* zoom and fade animations */.leaflet-fade-anim .leaflet-popup {opacity: 0;-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {opacity: 1;}.leaflet-zoom-animated {-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;}svg.leaflet-zoom-animated {will-change: transform;}.leaflet-zoom-anim .leaflet-zoom-animated {-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);transition: transform 0.25s cubic-bezier(0,0,0.25,1);}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile {-webkit-transition: none;-moz-transition: none;transition: none;}.leaflet-zoom-anim .leaflet-zoom-hide {visibility: hidden;}/* cursors */.leaflet-interactive {cursor: pointer;}.leaflet-grab {cursor: -webkit-grab;cursor: -moz-grab;cursor: grab;}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive {cursor: crosshair;}.leaflet-popup-pane,.leaflet-control {cursor: auto;}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: grabbing;}/* marker & overlays interactivity */.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane > svg path,.leaflet-tile-container {pointer-events: none;}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane > svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path {pointer-events: visiblePainted;/* IE 9-10 doesn't have auto */pointer-events: auto;}/* visual tweaks */.leaflet-container {background: #ddd;outline-offset: 1px;}.leaflet-container a {color: #0078A8;}.leaflet-zoom-box {border: 2px dotted #38f;background: rgba(255,255,255,0.5);}/* general typography */.leaflet-container {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;font-size: 12px;font-size: 0.75rem;line-height: 1.5;}/* general toolbar styles */.leaflet-bar {box-shadow: 0 1px 5px rgba(0,0,0,0.65);border-radius: 4px;}.leaflet-bar a {background-color: #fff;border-bottom: 1px solid #ccc;width: 26px;height: 26px;line-height: 26px;display: block;text-align: center;text-decoration: none;color: black;}.leaflet-bar a,.leaflet-control-layers-toggle {background-position: 50% 50%;background-repeat: no-repeat;display: block;}.leaflet-bar a:hover,.leaflet-bar a:focus {background-color: #f4f4f4;}.leaflet-bar a:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;}.leaflet-bar a:last-child {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-bottom: none;}.leaflet-bar a.leaflet-disabled {cursor: default;background-color: #f4f4f4;color: #bbb;}.leaflet-touch .leaflet-bar a {width: 30px;height: 30px;line-height: 30px;}.leaflet-touch .leaflet-bar a:first-child {border-top-left-radius: 2px;border-top-right-radius: 2px;}.leaflet-touch .leaflet-bar a:last-child {border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}/* zoom control */.leaflet-control-zoom-in,.leaflet-control-zoom-out {font: bold 18px 'Lucida Console', Monaco, monospace;text-indent: 1px;}.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {font-size: 22px;}/* layers control */.leaflet-control-layers {box-shadow: 0 1px 5px rgba(0,0,0,0.4);background: #fff;border-radius: 5px;}.leaflet-control-layers-toggle {background-image: url(images/layers.png);width: 36px;height: 36px;}.leaflet-retina .leaflet-control-layers-toggle {background-image: url(images/layers-2x.png);background-size: 26px 26px;}.leaflet-touch .leaflet-control-layers-toggle {width: 44px;height: 44px;}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle {display: none;}.leaflet-control-layers-expanded .leaflet-control-layers-list {display: block;position: relative;}.leaflet-control-layers-expanded {padding: 6px 10px 6px 6px;color: #333;background: #fff;}.leaflet-control-layers-scrollbar {overflow-y: scroll;overflow-x: hidden;padding-right: 5px;}.leaflet-control-layers-selector {margin-top: 2px;position: relative;top: 1px;}.leaflet-control-layers label {display: block;font-size: 13px;font-size: 1.08333em;}.leaflet-control-layers-separator {height: 0;border-top: 1px solid #ddd;margin: 5px -10px 5px -6px;}/* Default icon URLs */.leaflet-default-icon-path {/* used only in path-guessing heuristic, see L.Icon.Default */background-image: url(images/marker-icon.png);}/* attribution and scale controls */.leaflet-container .leaflet-control-attribution {background: #fff;background: rgba(255, 255, 255, 0.8);margin: 0;}.leaflet-control-attribution,.leaflet-control-scale-line {padding: 0 5px;color: #333;line-height: 1.4;}.leaflet-control-attribution a {text-decoration: none;}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus {text-decoration: underline;}.leaflet-attribution-flag {display: inline !important;vertical-align: baseline !important;width: 1em;height: 0.6669em;}.leaflet-left .leaflet-control-scale {margin-left: 5px;}.leaflet-bottom .leaflet-control-scale {margin-bottom: 5px;}.leaflet-control-scale-line {border: 2px solid #777;border-top: none;line-height: 1.1;padding: 2px 5px 1px;white-space: nowrap;-moz-box-sizing: border-box;box-sizing: border-box;background: rgba(255, 255, 255, 0.8);text-shadow: 1px 1px #fff;}.leaflet-control-scale-line:not(:first-child) {border-top: 2px solid #777;border-bottom: none;margin-top: -2px;}.leaflet-control-scale-line:not(:first-child):not(:last-child) {border-bottom: 2px solid #777;}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar {box-shadow: none;}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar {border: 2px solid rgba(0,0,0,0.2);background-clip: padding-box;}/* popup */.leaflet-popup {position: absolute;text-align: center;margin-bottom: 20px;}.leaflet-popup-content-wrapper {padding: 1px;text-align: left;border-radius: 12px;}.leaflet-popup-content {margin: 13px 24px 13px 20px;line-height: 1.3;font-size: 13px;font-size: 1.08333em;min-height: 1px;}.leaflet-popup-content p {margin: 17px 0;margin: 1.3em 0;}.leaflet-popup-tip-container {width: 40px;height: 20px;position: absolute;left: 50%;margin-top: -1px;margin-left: -20px;overflow: hidden;pointer-events: none;}.leaflet-popup-tip {width: 17px;height: 17px;padding: 1px;margin: -10px auto 0;pointer-events: auto;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.leaflet-popup-content-wrapper,.leaflet-popup-tip {background: white;color: #333;box-shadow: 0 3px 14px rgba(0,0,0,0.4);}.leaflet-container a.leaflet-popup-close-button {position: absolute;top: 0;right: 0;border: none;text-align: center;width: 24px;height: 24px;font: 16px/24px Tahoma, Verdana, sans-serif;color: #757575;text-decoration: none;background: transparent;}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus {color: #585858;}.leaflet-popup-scrolled {overflow: auto;}.leaflet-oldie .leaflet-popup-content-wrapper {-ms-zoom: 1;}.leaflet-oldie .leaflet-popup-tip {width: 24px;margin: 0 auto;-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip {border: 1px solid #999;}/* div icon */.leaflet-div-icon {background: #fff;border: 1px solid #666;}/* Tooltip *//* Base styles for the element that has a tooltip */.leaflet-tooltip {position: absolute;padding: 6px;background-color: #fff;border: 1px solid #fff;border-radius: 3px;color: #222;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;box-shadow: 0 1px 3px rgba(0,0,0,0.4);}.leaflet-tooltip.leaflet-interactive {cursor: pointer;pointer-events: auto;}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before {position: absolute;pointer-events: none;border: 6px solid transparent;background: transparent;content: "";}/* Directions */.leaflet-tooltip-bottom {margin-top: 6px;}.leaflet-tooltip-top {margin-top: -6px;}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before {left: 50%;margin-left: -6px;}.leaflet-tooltip-top:before {bottom: 0;margin-bottom: -12px;border-top-color: #fff;}.leaflet-tooltip-bottom:before {top: 0;margin-top: -12px;margin-left: -6px;border-bottom-color: #fff;}.leaflet-tooltip-left {margin-left: -6px;}.leaflet-tooltip-right {margin-left: 6px;}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before {top: 50%;margin-top: -6px;}.leaflet-tooltip-left:before {right: 0;margin-right: -12px;border-left-color: #fff;}.leaflet-tooltip-right:before {left: 0;margin-left: -12px;border-right-color: #fff;}/* Printing */@media print {/* Prevent printers from removing background-images of controls. */.leaflet-control {-webkit-print-color-adjust: exact;print-color-adjust: exact;}}