:root{--bg: #040c1a;--bg2: #07142a;--card: #091828;--card2: #0c1e34;--border: rgba(255,255,255,.07);--t1: #e4eeff;--t2: #88a4c1;--t3: #2d4a66;--green: #00d98b;--blue: #38bdf8;--yellow: #fbbf24;--orange: #fb923c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:#020810;scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--t1);max-width:720px;min-height:100vh;margin:0 auto;overflow-x:hidden;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:10px;padding:12px 20px;background:#040c1aeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.navbar-icon{height:36px;width:auto;flex-shrink:0;object-fit:contain}.navbar-title{padding-top:.3rem;font-size:32px;font-weight:800;letter-spacing:1.4px;color:var(--t1);text-decoration:none}.navbar-title-accent{color:#65b5d8}.lang-picker{position:relative;margin-left:auto}.lp-trigger{display:flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 9px;color:var(--t1);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;line-height:1;transition:background .15s,border-color .15s;white-space:nowrap}.lp-trigger:hover,.lp-trigger.open{background:#ffffff17;border-color:#ffffff2e}.lp-trigger-chevron{font-size:10px;color:var(--t2);transition:transform .18s}.lp-trigger.open .lp-trigger-chevron{transform:rotate(180deg)}.lp-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--card2);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px;z-index:200;min-width:130px;box-shadow:0 8px 24px #00000073}.lp-dropdown.hidden{display:none}.lp-opt{border:none;background:transparent;color:var(--t2);font-family:inherit;padding:8px 11px;border-radius:7px;width:100%;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.lp-opt:hover{background:#ffffff0f;color:var(--t1)}.lp-opt.active{background:#ffffff1c;color:var(--t1)}.content{flex:1;padding:24px 16px 48px}.page-header{margin-bottom:24px}.page-title{font-size:22px;font-weight:800;letter-spacing:-.3px;color:var(--t1);margin-bottom:5px}.page-subtitle{font-size:13px;color:var(--t2);line-height:1.5}.page-count{display:inline-block;margin-top:8px;background:var(--blue-dim, rgba(56,189,248,.08));border:1px solid rgba(56,189,248,.18);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--blue)}.search-wrap{margin-bottom:20px;background:#ffffff08;border:1px solid gray;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;transition:border-color .15s}.search-wrap:focus-within{border-color:#38bdf859}.search-icon{font-size:14px;color:var(--t1);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--t1);font-family:inherit;font-size:13px;font-weight:500}.search-input::placeholder{color:var(--t1)}.search-clear{background:none;border:none;color:var(--t1);cursor:pointer;font-size:14px;padding:0;line-height:1;display:none}.search-clear.visible{display:block}.filters-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-select-wrap{position:relative;flex:1;min-width:150px}.filter-select-trigger{width:100%;background:#ffffff08;border:1px solid gray;border-radius:10px;padding:8px 12px;color:var(--t1);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .15s}.filter-select-trigger:hover{border-color:#38bdf840}.filter-select-trigger.open{border-color:#38bdf859}.filter-select-label{flex:1}.filter-select-count{font-size:10px;color:var(--blue);font-weight:700;margin-left:6px;background:#38bdf826;border-radius:4px;padding:2px 6px;white-space:nowrap}.filter-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0c1e34;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;z-index:100;box-shadow:0 8px 24px #00000073;max-height:200px;overflow-y:auto;display:none}.filter-select-dropdown.open{display:block}.filter-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;color:#e4eeff;transition:background .1s;background:transparent;border:none}.filter-option:hover{background:#ffffff0f}.filter-checkbox{width:14px;height:14px;border-radius:4px;border:1px solid rgba(56,189,248,.3);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-option.selected .filter-checkbox{background:var(--blue);border-color:var(--blue);color:#020810;font-size:10px;font-weight:700}.filter-reset-btn{background:#ffffff0d;border:1px solid dark-gray;border-radius:10px;padding:8px 12px;color:var(--t1);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.filter-reset-btn:hover{background:#ffffff14}.country-section{margin-bottom:24px}.country-header{display:flex;align-items:center;gap:10px;padding:10px 12px 8px;position:sticky;top:61px;z-index:10;background:var(--bg);cursor:pointer;border:none;font-family:inherit}.country-chevron{font-size:12px;color:var(--t2);transition:transform .2s;line-height:1}.country-header.collapsed .country-chevron{transform:rotate(-90deg)}.country-flag{font-size:18px;line-height:1}.country-name{font-size:13px;font-weight:800;color:var(--t1);letter-spacing:-.1px}.country-count{font-size:10px;font-weight:700;color:var(--t1);margin-left:auto}.country-header.collapsed~.spot-list{display:none}.spot-list{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.spot-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);text-decoration:none;color:inherit;transition:background .12s}.spot-row:last-child{border-bottom:none}.spot-row:hover{background:#ffffff08}.spot-row-info{flex:1;min-width:0}.spot-row-name{font-size:13px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-row-region{font-size:10px;color:var(--t1);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-row-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.spot-type-pill{display:inline-block;padding:2px 7px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--t1);background:#ffffff0a;border:1px solid var(--border);white-space:nowrap}.skill-dots{display:flex;gap:3px;align-items:center;cursor:pointer;position:relative;padding:18px;margin:-6px;border-radius:6px;transition:background .1s}.skill-dots:hover{background:#ffffff0a}.skill-dot{width:6px;height:6px;border-radius:50%;border:1px solid}.skill-dot.on-beginner{background:var(--green);border-color:var(--green)}.skill-dot.on-intermediate{background:var(--blue);border-color:var(--blue)}.skill-dot.on-advanced{background:var(--orange);border-color:var(--orange)}.skill-dot.off{background:transparent;border-color:var(--t3)}.skill-popup{position:fixed;z-index:1000;background:var(--card2);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px;box-shadow:0 8px 32px #0009;min-width:200px;animation:popupFadeIn .15s ease}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skill-popup-title{font-size:12px;font-weight:700;color:var(--t1);margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase}.skill-popup-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t1);margin-bottom:6px}.skill-popup-item:last-child{margin-bottom:0}.skill-popup-dot{width:6px;height:6px;border-radius:50%;border:1px solid;flex-shrink:0}.skill-popup-item.on .skill-popup-dot.beginner{background:var(--green);border-color:var(--green)}.skill-popup-item.on .skill-popup-dot.intermediate{background:var(--blue);border-color:var(--blue)}.skill-popup-item.on .skill-popup-dot.advanced{background:var(--orange);border-color:var(--orange)}.skill-popup-item.off .skill-popup-dot{background:transparent;border-color:var(--t3)}.skill-popup-overlay{position:fixed;inset:0;z-index:999;display:none}.skill-popup-overlay.active{display:block}.spot-row-arrow{font-size:11px;color:var(--t1);transition:color .12s}.spot-row:hover .spot-row-arrow{color:var(--blue)}.no-results{text-align:center;padding:48px 20px;color:var(--t2)}.no-results-icon{font-size:36px;margin-bottom:12px}.no-results-title{font-size:15px;font-weight:700;color:var(--t1);margin-bottom:6px}.no-results-sub{font-size:13px;line-height:1.6}.footer{background:#07142a;border-top:1px solid rgba(56,189,248,.1);padding:48px 20px 32px;margin-top:40px}.footer-content{max-width:720px;margin:0 auto 32px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-logo{font-size:16px;font-weight:900;color:var(--t1);letter-spacing:-.3px}.footer-logo span{color:var(--blue)}.footer-tagline{font-size:12px;color:var(--t2);font-weight:500;line-height:1.5;margin:0}.footer-section{display:flex;flex-direction:column;gap:14px}.footer-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin:0}.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.footer-links a{font-size:13px;color:var(--t2);text-decoration:none;transition:color .2s;font-weight:500}.footer-links a:hover{color:var(--t1)}.footer-bottom{max-width:720px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(56,189,248,.08);text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.footer-copyright{font-size:11px;color:var(--t3);margin:0;font-weight:500}.footer-credit{font-size:11px;color:var(--t3);margin:0}.footer-credit a{color:var(--blue);text-decoration:none;transition:color .2s}.footer-credit a:hover{color:var(--t1)}@media (max-width: 480px){.footer-content{grid-template-columns:1fr;gap:24px}.footer{padding:32px 20px 24px}}.favourites-section{background:#38bdf80a;border:1px solid rgba(56,189,248,.15);border-radius:14px;margin-bottom:20px;overflow:hidden}.favourites-header{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid rgba(56,189,248,.1)}.favourites-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);flex:1}.favourites-count{font-size:11px;font-weight:600;color:var(--t3)}.favourites-empty{padding:16px;font-size:12px;color:var(--t2)}.favourites-empty a{color:var(--blue);text-decoration:none}.favourites-empty a:hover{text-decoration:underline}