.clearfix::after{content:" ";visibility:hidden;display:block;height:0;clear:both}.leaflet-container{width:100%;height:100vh}:root{--primary-color: #1a1a2e;--secondary-color: #16213e;--accent-color: #0f3460;--highlight-color: #e94560;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem}html,body,.container{height:100%;margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:stretch;min-height:100vh}.list-container{flex:1 1 auto;background-color:var(--surface-color);overflow-y:auto;padding:1.5rem;padding-bottom:6rem}.list-container .location{margin:1.5rem 0;padding:1.25rem;background:linear-gradient(135deg, rgba(15,52,96,0.02) 0%, rgba(233,69,96,0.02) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all 0.2s ease-in-out;position:relative;overflow:hidden}.list-container .location::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, var(--accent-color), var(--highlight-color));transform:scaleX(0);transition:transform 0.3s ease}.list-container .location:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(15,52,96,0.1)}.list-container .location:hover::before{transform:scaleX(1)}.list-container .location h3{cursor:pointer;color:var(--text-primary);font-weight:600;transition:color 0.15s ease;margin:0 0 0.5rem 0}.list-container .location h3:hover{color:var(--highlight-color)}.list-container .selected-location{margin:0 0 1.5rem 0;background:linear-gradient(135deg, rgba(15,52,96,0.05) 0%, rgba(233,69,96,0.05) 100%);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all 0.2s ease-in-out}.list-container .selected-location:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-container .selected-location a{color:inherit;text-decoration:none}.map-container{height:250px}@media (min-width: 801px){.map-container{height:500px}}@media (min-height: 1200px){footer.footer{position:fixed;bottom:0;left:0;z-index:1000}}header.header{flex:0 0 auto;padding:1.5rem 2rem;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:white;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', sans-serif;margin:0;box-shadow:var(--shadow-lg);position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between}@media (max-width: 800px){header.header{flex-direction:column;align-items:flex-start;gap:1rem}}header.header .header-gradient-line{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(233,69,96,0.3), transparent)}header.header .header-left{display:flex;align-items:baseline;gap:1.5rem}header.header h1{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-0.025em;line-height:1.2}header.header h1 a{color:inherit;text-decoration:none;transition:all 0.2s ease}header.header h1 a:hover{text-shadow:0 0 20px rgba(233,69,96,0.6)}header.header h2{font-size:1.1rem;font-weight:500;margin:0;color:rgba(255,255,255,0.9);line-height:1.2}header.header span{vertical-align:middle}header.header .header-right{display:inline-block;font-size:1rem;font-weight:500;color:white;padding:0.75rem 1.5rem;background:rgba(233,69,96,0.8);border-radius:var(--radius-lg);text-decoration:none;transition:all 0.2s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);flex-shrink:0}header.header .header-right:hover{background:var(--highlight-color);transform:translateY(-2px);box-shadow:0 8px 25px rgba(233,69,96,0.3)}footer.footer{width:100%;padding:2rem;background:linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);color:rgba(255,255,255,0.8);font-size:14px;line-height:1.8;margin-top:auto}footer.footer a{color:rgba(255,255,255,0.9);text-decoration:none;transition:color 0.15s ease}footer.footer a:hover{color:white;text-decoration:underline}footer.footer p{margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}footer.footer p:last-child{margin-bottom:0 !important}.loading-indicator,.error-message{font-size:1.5rem;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', sans-serif;font-weight:600;text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.loading-indicator::after{content:'';display:inline-block;width:1.5rem;height:1.5rem;margin-left:0.75rem;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);animation:spin 1s ease-in-out infinite}.error-message{color:var(--highlight-color)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.3s ease-out}@media (max-width: 480px){header.header{padding:1rem}header.header .header-left{flex-direction:column;align-items:flex-start;gap:0.5rem;width:100%}header.header h1{font-size:1.5rem}header.header h2{font-size:1rem}header.header .header-right{display:block;text-align:center;padding:0.625rem 1.25rem;font-size:0.9rem;width:100%;box-sizing:border-box}.countries-list{padding:1rem}.countries-list ul a li{padding:1.25rem;font-size:1rem}.welcome-box{margin:0 0 1.5rem 0;padding:1.25rem 1rem}.list-container{padding:1rem}.text-container{padding:0 1rem}footer.footer{padding:1.5rem 1rem;font-size:13px}}@media (max-width: 768px){.countries-list ul a li{min-height:3rem;display:flex;align-items:center}}html{scroll-behavior:smooth}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (prefers-contrast: high){:root{--border-color: #000;--text-muted: #333}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}section.filters{padding:1.5rem;font-size:16px;margin:0;background:linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.9));backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}section.filters .filter{display:flex;gap:0.75rem;margin:0 0 1rem;align-items:center}section.filters .filter input,section.filters .filter select{flex:1;font-size:16px;margin:0;padding:0.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-color);color:var(--text-primary);transition:all 0.2s ease;font-family:inherit}section.filters .filter input:focus,section.filters .filter select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(15,52,96,0.1)}section.filters .filter input:hover,section.filters .filter select:hover{border-color:var(--text-secondary)}.text-muted{color:var(--text-muted);font-weight:400;margin-left:0.5rem}.welcome-box{width:100%;margin:0 0 2rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg, rgba(233,69,96,0.1) 0%, rgba(15,52,96,0.05) 100%);border-top:1px solid rgba(233,69,96,0.2);border-bottom:1px solid rgba(233,69,96,0.2);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.welcome-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--highlight-color), var(--accent-color))}.welcome-box p{margin:0;font-weight:500;color:var(--text-primary)}.welcome-box a{color:var(--highlight-color);text-decoration:none;font-weight:600;transition:color 0.15s ease}.welcome-box a:hover{color:var(--accent-color);text-decoration:underline}.countries-list{padding:1rem 2rem 120px}@media (min-width: 768px){.countries-list{width:60%;margin-left:auto;margin-right:auto}}@media (min-width: 1200px){.countries-list{width:50%}}.countries-list h2{margin:2rem 0 1.25rem;font-weight:700;color:var(--text-primary);font-size:1.5rem}.countries-list h2:first-child{margin-top:0}.countries-list h2>a{color:inherit;text-decoration:none;transition:color 0.15s ease}.countries-list h2>a:hover{color:var(--highlight-color)}.countries-list ul{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.countries-list ul a{text-decoration:none;color:var(--text-primary);display:block;transition:all 0.2s ease}.countries-list ul a:hover{transform:translateY(-2px)}.countries-list ul a li{background:linear-gradient(135deg, rgba(15,52,96,0.08) 0%, rgba(233,69,96,0.05) 100%);padding:1.5rem;margin:0;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all 0.2s ease;font-weight:500;font-size:1.1rem;position:relative;overflow:hidden}.countries-list ul a li::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--accent-color), var(--highlight-color));transform:scaleX(0);transition:transform 0.3s ease}.countries-list ul a li:hover{box-shadow:var(--shadow-lg);border-color:rgba(15,52,96,0.2)}.countries-list ul a li:hover::before{transform:scaleX(1)}.countries-list ul a li.countries-list-item-darker{background:linear-gradient(135deg, var(--accent-color) 0%, var(--highlight-color) 100%);color:white;border-color:transparent;font-weight:600}.countries-list ul a li.countries-list-item-darker::before{background:linear-gradient(90deg, rgba(255,255,255,0.3), rgba(255,255,255,0.1))}.text-container{padding:0 2rem;max-width:800px;margin:0 auto}.text-container p{line-height:1.7;margin:1.5rem 0;color:var(--text-primary)}.text-container h1,.text-container h2,.text-container h3{margin:2rem 0 1rem;color:var(--text-primary);font-weight:700}.text-container h1{font-size:2.25rem;line-height:1.2}.text-container h2{font-size:1.875rem;line-height:1.3}.text-container h3{font-size:1.5rem;line-height:1.4}.tag{background:linear-gradient(135deg, var(--accent-color), var(--highlight-color));color:white;border-radius:var(--radius-md);font-size:0.75rem;font-weight:600;padding:0.375rem 0.75rem;vertical-align:middle;margin-left:0.5rem;display:inline-block;box-shadow:var(--shadow-sm);transition:all 0.2s ease}.tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}