@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/outfit-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/outfit-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/space-grotesk-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}:root,[data-theme=light]{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;letter-spacing:-.01em;--color-primary: #0066cc;--color-primary-light: #1e7fe8;--color-primary-dark: #0052a3;--color-secondary: #1e293b;--color-secondary-light: #334155;--color-accent: #f97316;--color-accent-light: #fb923c;--color-accent-dark: #ea580c;--color-background: #f8fafc;--color-surface: #ffffff;--color-text: #1e293b;--color-text-secondary: #64748b;--color-border: #e2e8f0;--color-divider: #cbd5e1;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #06b6d4;--color-success-light: #28a745;--color-error-dark: #dc3545;--color-warning-light: #ffc107;--color-info-light: #6b9bd1;--color-bg-light: #f8f9fa;--color-bg-lighter: #f5f5f5;--color-bg-error-light: #fee;--color-bg-warning-light: #fff8e1;--color-bg-info-light: #e3f2fd;--color-bg-info-lighter: #f0f7ff;--color-border-light: #f0f0f0;--color-border-error: #fcc;--color-border-warning: #ffc107;--color-border-info: #2196f3;--color-border-info-light: #b3d9ff;--color-text-dark: #2d3748;--color-text-muted: #718096;--color-text-light: #666;--color-text-lighter: #999;--color-text-error: #c00;--color-text-error-dark: #d32f2f;--color-text-error-darker: #b71c1c;--color-text-warning: #856404;--color-text-warning-dark: #e65100;--color-text-warning-darker: #f57c00;--color-text-info: #0d47a1;--color-text-info-light: #1976d2;--color-button-secondary: #6c757d;--color-button-secondary-hover: #5a6268;--color-button-link: #4a7aaa;--gradient-primary-button: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-primary-button-hover: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-accent-button: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-accent-button-hover: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);--gradient-warning-button: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-warning-button-hover: linear-gradient(135deg, #ce8404 0%, #d97706 100%);--gradient-danger-button: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-danger-button-hover: linear-gradient(135deg, #e43b3b 0%, #c41818 100%);--gradient-teal-button: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--gradient-teal-button-hover: linear-gradient(135deg, #10a897 0%, #077a71 100%);--gradient-purple-button: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-purple-button-hover: linear-gradient(135deg, #526bd8 0%, #6a399b 100%)}[data-theme=dark]{--color-primary: #0066cc;--color-primary-light: #1e7fe8;--color-primary-dark: #0052a3;--color-secondary: #e2e8f0;--color-secondary-light: #cbd5e1;--color-accent: #f97316;--color-accent-light: #fb923c;--color-accent-dark: #ea580c;--color-background: #1a1a1a;--color-surface: #2d2d2d;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-border: #404040;--color-divider: #505050;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #06b6d4;--color-success-light: #34d399;--color-error-dark: #f87171;--color-warning-light: #fbbf24;--color-info-light: #2799ed;--color-bg-light: #262a2f;--color-bg-lighter: #475569;--color-bg-error-light: rgba(239, 68, 68, .15);--color-bg-warning-light: rgba(245, 158, 11, .15);--color-bg-info-light: #0c2340;--color-bg-info-lighter: #1a3a52;--color-border-light: #475569;--color-border-error: #f87171;--color-border-warning: #fbbf24;--color-border-info: #0284c7;--color-border-info-light: #0369a1;--color-text-dark: #f1f5f9;--color-text-muted: #94a3b8;--color-text-light: #cbd5e1;--color-text-lighter: #94a3b8;--color-text-error: #fca5a5;--color-text-error-dark: #fecaca;--color-text-error-darker: #fed7d7;--color-text-warning: #fed7aa;--color-text-warning-dark: #fdba74;--color-text-warning-darker: #fb923c;--color-text-info: #93c5fd;--color-text-info-light: #bfdbfe;--color-button-secondary: #64748b;--color-button-secondary-hover: #475569;--color-button-link: #93c5fd;--gradient-primary-button: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-primary-button-hover: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);--gradient-accent-button: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);--gradient-accent-button-hover: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);--gradient-warning-button: linear-gradient(135deg, #d97706 0%, #b45309 100%);--gradient-warning-button-hover: linear-gradient(135deg, #b45309 0%, #92400e 100%);--gradient-danger-button: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);--gradient-danger-button-hover: linear-gradient(135deg, #991b1b 0%, #7f1d1d 100%);--gradient-teal-button: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--gradient-teal-button-hover: linear-gradient(135deg, #0d9488 0%, #0a7a6a 100%);--gradient-purple-button: linear-gradient(135deg, #667eea 0%, #5a67d8 100%);--gradient-purple-button-hover: linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:#43484f;color:#f1f5f9;border-color:#475569}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{background-color:#43484f;color:#f1f5f9;border-color:#93c5fd;outline:none}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#94a3b8}[data-theme=dark] option{background-color:#1e293b;color:#f1f5f9}[data-theme=dark] .leaflet-popup-content-wrapper{background-color:#2d2d2d;color:#f1f5f9;box-shadow:0 3px 14px #0006}[data-theme=dark] .leaflet-popup-tip{background-color:#2d2d2d}body{margin:0;padding:0;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-family:Space Grotesk,Outfit,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:60px}main:has(.share-map-page){padding-top:0}.page-container{max-width:1000px;margin:0 auto;padding:1.5rem}.page-container h1{margin-bottom:.5rem;font-size:1.8rem}.page-container>p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:1rem}.content-box{background:var(--color-background);padding:0;border-radius:8px;margin:1rem 0}.content-box h3{margin-top:2rem;margin-bottom:1rem}.content-box h3:first-of-type{margin-top:1.5rem}.content-box p{margin-bottom:1rem}.content-box ul{margin-left:0;margin-bottom:1.5rem}.content-box li{margin-bottom:.75rem}.page-links{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.page-links a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.page-links a:hover{border-bottom-color:var(--color-primary)}.seo-screenshot{margin:1.5rem 0 2rem;text-align:center}.seo-screenshot img{width:100%;max-width:900px;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000001f;border:1px solid var(--color-border)}.seo-screenshot-placeholder-box{width:100%;max-width:900px;height:420px;margin:0 auto;border-radius:12px;border:2px dashed var(--color-border);background:linear-gradient(135deg,#00000008,#0000000f)}.seo-screenshot-caption{margin-top:.75rem;color:var(--color-text-secondary);font-size:.95rem}.how-it-works-page .feature-section{margin:2rem 0;background:var(--color-background);border-radius:8px}.how-it-works-page .feature-section h2{margin-top:0}.how-it-works-page .feature-section>p:first-of-type{margin-bottom:.5rem}.how-it-works-page .feature-section a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.how-it-works-page .feature-section a:hover{border-bottom-color:var(--color-primary)}@media(max-width:768px){.page-container{padding:1rem}.page-container h1{font-size:1.5rem}.page-container>p{font-size:.95rem}.content-box{padding:1rem}.how-it-works-page .feature-section{margin:1rem 0}.how-it-works-page .feature-section h2{font-size:1.3rem}.how-it-works-page .feature-section>p:first-of-type{margin-bottom:.5rem}.faq-page .faq-item{margin:1rem 0;padding-bottom:1rem}.faq-page .faq-item h2{font-size:1.2rem}.page-links{margin-top:1rem}}.faq-page .faq-item{margin:2rem 0;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.faq-page .faq-item:last-of-type{border-bottom:none}.faq-page .faq-item h2{margin-bottom:1rem;font-size:1.3rem}.faq-page .faq-item p{color:var(--color-text);line-height:1.6}.faq-page .faq-item a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.faq-page .faq-item a:hover{border-bottom-color:var(--color-primary)}.blog-page{padding:2rem 1rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px)}.blog-container{width:100%}.blog-header{text-align:center;margin-bottom:3rem}.blog-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.blog-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.blog-controls{margin-bottom:2rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.blog-no-results{text-align:center;padding:3rem 1rem}.blog-no-results p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem}.btn-reset{padding:.75rem 1.5rem;background:var(--gradient-primary-button);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-family:inherit;font-weight:500;transition:all .3s ease}.btn-reset:hover{background:var(--gradient-primary-button-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){.blog-header h1{font-size:2rem}.blog-subtitle{font-size:1rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-card{display:block;text-decoration:none;background:var(--card-background);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}[data-theme=dark] .blog-card{box-shadow:0 2px 8px #ffffff1a}[data-theme=dark] .blog-card:hover{box-shadow:0 4px 16px #ffffff26}.blog-card-image{width:100%;height:200px;object-fit:cover}.blog-card-content{padding:1.5rem}.blog-card-categories{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.blog-card-category{display:inline-block;padding:.25rem .625rem;background-color:var(--color-primary, #0066cc);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.blog-card-title{font-size:1.375rem;margin-bottom:.75rem;color:var(--text-primary);line-height:1.3}.blog-card-excerpt{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;font-size:.9375rem}.blog-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-tertiary)}.blog-card-separator{color:var(--text-tertiary)}@media(max-width:768px){.blog-card-title{font-size:1.25rem}}.blog-search{position:relative;max-width:600px;margin:0 auto 2rem}.blog-search-input{width:100%;padding:.875rem 3rem .875rem 1rem;font-size:1rem;font-family:Outfit,sans-serif;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);transition:border-color .3s}.blog-search-input:focus{outline:none;border-color:var(--color-primary)}.blog-search-input::placeholder{color:var(--color-text-secondary)}[data-theme=light] .blog-search-input{border-color:var(--color-border);background-color:var(--color-surface)}.blog-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s}.blog-search-clear:hover{color:var(--color-text)}.blog-categories{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.blog-category-btn{padding:.5rem 1.25rem;border:2px solid var(--border-color);border-radius:20px;background-color:var(--card-background);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.blog-category-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.blog-category-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=light] .blog-category-btn.active{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}footer{position:relative;background:var(--color-surface);padding:0;margin-top:auto;border-top:1px solid var(--color-border)}.beta-notice{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));padding:.6rem 2rem;text-align:center;border-bottom:1px solid var(--color-border);color:#f1f5f9}.beta-notice p{margin:0;font-size:.85rem;opacity:.95}.beta-badge{font-weight:600;margin-right:.1rem}.beta-notice a{text-decoration:underline;cursor:pointer;opacity:1;font-weight:500}.beta-notice a:hover{opacity:.8}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;width:100%;white-space:nowrap;overflow:hidden;box-sizing:border-box;padding:.9rem 2rem}.footer-left{display:flex;align-items:center;gap:15px;flex-shrink:0}.footer-social{display:flex;align-items:center;gap:10px}.footer-social a{color:var(--color-text-secondary);font-size:1rem;transition:color .2s;text-decoration:none}.footer-social a:hover{color:var(--color-primary)}.footer-right{display:flex;align-items:center;gap:15px;overflow:hidden;text-overflow:ellipsis;margin-left:20px}@media(max-width:768px){.beta-notice{padding:.8rem 1.5rem}.footer-content{flex-direction:column;gap:1.2rem}.footer-left{text-align:center}.footer-right,.footer-copyright-full{display:none}footer p{font-size:.9rem}}.language-switcher{background:transparent;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:.85rem;font-weight:600;color:#3b82f6;background:#f0f7ff;transition:all .2s ease;font-family:Outfit,sans-serif;display:inline-block}.language-switcher:hover{color:#fff;background:var(--gradient-primary-button)}[data-theme=dark] .language-switcher{background:#334155;color:#93c5fd}[data-theme=dark] .language-switcher:hover{color:#fff;background:var(--gradient-primary-button)}.lang-code{display:block;text-align:center;min-width:24px}.language-switcher-item{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.language-switcher{padding:6px 10px;font-size:.8rem}.language-switcher-item{padding:12px 0}}nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.9rem 2rem;position:fixed;height:60px;top:0;left:0;right:0;z-index:1004;display:flex;align-items:center;justify-content:space-between}.nav-header{display:flex;justify-content:space-between;align-items:center}.nav-header-controls{display:none;align-items:center;gap:.5rem}.nav-logo{color:var(--color-primary);text-decoration:none;font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:.75rem}.logo-icon{height:38px;width:38px}.nav-title{width:max-content}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:5px}.hamburger span{width:25px;height:3px;background:var(--color-text);transition:all .3s;border-radius:3px}.hamburger span.open:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{list-style:none;display:flex;gap:1.2rem;margin:0;padding:0 0 0 10px;flex-wrap:nowrap;justify-content:center;align-items:center;min-width:0}.nav-menu li{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.nav-menu a{color:var(--color-text);text-decoration:none;font-weight:500;transition:color .2s}.language-switcher-item,.theme-toggle-item{display:flex;align-items:center;justify-content:center}.auth-button-item{max-width:none!important}.nav-divider{display:none}@media(max-width:880px){nav{padding:.75rem 1rem;display:block}.nav-header{display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;font-size:0}.logo-icon{height:38px;width:38px}.nav-header-controls{display:flex}.hamburger{display:flex;z-index:1001}.nav-menu{position:fixed;top:56px;left:0;right:0;background:var(--color-surface);flex-direction:column;align-items:center;gap:0;padding:0;box-shadow:0 4px 8px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.nav-menu.open{max-height:calc(100vh - 60px);padding:1rem 0;overflow-y:auto}.nav-menu li{width:100%;text-align:center;border-bottom:1px solid var(--color-border-light);max-width:none;overflow:visible;text-overflow:clip}.nav-divider{display:block}.nav-menu li:last-child{border-bottom:none}.nav-menu a{display:block;padding:1rem;font-size:1rem;font-weight:400}.language-switcher-item,.theme-toggle-item{display:none}.auth-button-item{width:100%;border-bottom:1px solid var(--color-border-light);padding-top:12px}}.auth-user-menu{display:flex;align-items:center;gap:.75rem}.user-name{font-size:.9rem;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;color:var(--color-text);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-button{padding:.5rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:600;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-button.sign-in{background:var(--gradient-primary-button);color:#fff}.auth-button.sign-in:hover{background:var(--gradient-primary-button-hover)}.auth-button.sign-out{background-color:transparent;color:var(--color-primary-light);border:2px solid var(--color-primary-light)}.auth-button.sign-out:hover{background:var(--gradient-primary-button);color:#fff;border-color:transparent}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-menu{position:relative;display:flex;align-items:center;max-width:none!important}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;font-size:14px;color:var(--text-primary, #333);white-space:nowrap}.user-menu-trigger:hover{background-color:#0000000d}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--gradient-primary-button);color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.user-email-display{display:none;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;font-size:13px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-menu-trigger i{color:var(--color-text-dark);font-size:12px;transition:transform .2s;margin-left:4px}.user-menu-trigger i.open{transform:rotate(180deg)}@media(min-width:768px){.user-email-display{display:block}}.user-menu-dropdown{position:fixed;top:55px;right:2rem;margin-top:8px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;min-width:200px;z-index:1000}.user-menu-email{padding:12px 16px;font-size:13px;color:#666;border-bottom:1px solid #eee;word-break:break-all;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-menu-logout{width:100%;text-align:left;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#d32f2f;transition:background-color .2s;display:flex;align-items:center;gap:8px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-menu-logout:hover{background-color:#ffe0e0}.user-menu-logout i{font-size:12px}[data-theme=dark] .user-menu-dropdown{background:#2d2d2d;border-color:#475569;box-shadow:0 2px 8px #0006}[data-theme=dark] .user-menu-email{color:#cbd5e1;border-color:#475569}[data-theme=dark] .user-menu-logout{color:#ff6b6b}[data-theme=dark] .user-menu-logout:hover{background-color:#ff6b6b26}@media(max-width:767px){.auth-user-menu{gap:.5rem}.user-name{max-width:100px;font-size:.85rem}.auth-button{padding:.4rem;font-size:.85rem}.user-menu-trigger{padding:8px}.mobile-user-menu{display:flex;flex-direction:column;width:100%;gap:0}.mobile-user-info{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light);width:100%}.mobile-user-info .user-avatar{width:36px;height:36px;font-size:16px}.mobile-user-info .user-email{font-size:.95rem;color:var(--color-text);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;word-break:break-all}.mobile-user-menu .auth-button.sign-out{width:100%;border:none;border-radius:0;padding:1rem;color:#d32f2f;background:none;font-size:1rem;font-weight:400}.mobile-user-menu .auth-button.sign-out:hover{background-color:#d32f2f1a}}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:color .3s ease,transform .3s ease;border-radius:.375rem;height:40px;width:40px}.theme-toggle:hover{color:var(--color-primary-light);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{stroke:currentColor;stroke-width:2}.mobile-auth-avatar-menu{position:relative;display:flex;align-items:center}.mobile-auth-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary-button);color:#fff;font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:default}.mobile-auth-avatar-button{cursor:pointer;border:none;transition:all .2s}.mobile-auth-avatar-button:hover{opacity:.9;transform:scale(1.05)}.mobile-auth-avatar-button:active{transform:scale(.95)}.mobile-auth-avatar-button i{font-size:1.2rem}.mobile-auth-dropdown{position:absolute;top:50px;right:-52px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;min-width:140px;z-index:1005}.mobile-auth-logout{width:100%;text-align:left;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#d32f2f;transition:background-color .2s;display:flex;align-items:center;gap:8px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mobile-auth-logout:hover{background-color:#ffe0e0}.mobile-auth-logout i{font-size:12px}[data-theme=dark] .mobile-auth-dropdown{background:#2d2d2d;border-color:#475569;box-shadow:0 2px 8px #0006}[data-theme=dark] .mobile-auth-logout{color:#ff6b6b}[data-theme=dark] .mobile-auth-logout:hover{background-color:#ff6b6b26}.blog-article-wrapper{display:grid;grid-template-columns:1fr minmax(0,900px) 1fr;gap:1.5rem;justify-content:center;padding:2rem 1rem;min-height:calc(100vh - 200px);align-items:start}.blog-article-page{width:100%}.blog-ad-sidebar{display:flex;position:sticky;top:max(80px,calc(50vh - 300px))}.blog-ad-sidebar--left{justify-content:flex-end}.blog-ad-sidebar--right{justify-content:flex-start}.blog-ad-mobile-bottom{display:none}.blog-article-container{width:100%}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;color:var(--text-secondary)}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:opacity .2s}.breadcrumb a:hover{opacity:.8}.breadcrumb .separator{color:var(--text-secondary)}.blog-article{background:var(--card-background);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .blog-article{box-shadow:0 2px 8px #ffffff1a}.blog-article-image{width:100%;height:400px;object-fit:cover}.blog-article-meta{padding:2rem}.blog-article-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-category-badge{display:inline-block;padding:.25rem .75rem;background-color:var(--color-primary, #0066cc);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.blog-article-meta h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.2}.blog-article-info{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.blog-article-info .separator{color:var(--text-tertiary)}.blog-article-content{padding:0 2rem 2rem;color:var(--text-primary);line-height:1.8;font-size:1.0625rem}.blog-article-content-error{padding:2rem;text-align:center;color:var(--text-secondary)}.blog-article-content .blog-affiliate-btn{display:flex;width:fit-content;margin:.75rem auto 1.25rem;text-decoration:none}.blog-article-content .blog-affiliate-btn:hover{transform:none;box-shadow:0 1px 3px #0066cc40;text-decoration:none}.blog-article-content .blog-affiliate-btn .btn-label-mobile{display:none}@media(max-width:640px){.blog-article-content .blog-affiliate-btn .btn-label-desktop{display:none}.blog-article-content .blog-affiliate-btn .btn-label-mobile{display:inline}}.blog-article-content h2{font-size:1.75rem;margin:2rem 0 1rem;color:var(--text-primary)}.blog-article-content h3{font-size:1.375rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}.blog-article-content h4{margin:1.5rem 0 .75rem;color:var(--text-primary)}.blog-article-content p{margin-bottom:.5rem}.blog-article-content ul,.blog-article-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-article-content li{margin-bottom:.5rem}.blog-article-content a{color:var(--primary-color);text-decoration:underline}.blog-article-content a:hover{opacity:.8}.blog-article-content a.image-link{text-decoration:none}.blog-article-content a.image-link:hover{opacity:1}.blog-article-content a.blog-cta-button{display:inline-block;padding:.875rem 2rem;background:var(--gradient-primary-button);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05em;transition:transform .2s,box-shadow .2s,background .2s}.blog-article-content a.blog-cta-button:hover{opacity:1;background:var(--gradient-primary-button-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb59}.blog-article-content blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--text-secondary)}.blog-article-content code{background-color:var(--code-background);padding:.125rem .375rem;border-radius:4px;font-size:.875em;font-family:monospace}.blog-article-content pre{background-color:var(--code-background);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.blog-article-content pre code{background:none;padding:0}.related-articles{margin-top:4rem;padding:2rem;background:var(--card-background);border-radius:12px}.related-articles h2{font-size:1.75rem;margin-bottom:1.5rem;color:var(--text-primary)}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-article-card{display:block;text-decoration:none;border-radius:8px;overflow:hidden;background:var(--background-color);box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.related-article-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .related-article-card{box-shadow:0 2px 8px #ffffff1a}[data-theme=dark] .related-article-card:hover{box-shadow:0 4px 12px #ffffff26}[data-theme=dark] .blog-article-content table thead tr{background-color:var(--color-surface)!important}[data-theme=dark] .blog-article-content table th{border-bottom-color:var(--color-border)!important;color:var(--text-primary)}[data-theme=dark] .blog-article-content table td{border-bottom-color:var(--color-border)!important}.related-article-card img{width:100%;height:150px;object-fit:cover}.related-article-card h3{padding:1rem 1rem .5rem;font-size:1.125rem;color:var(--text-primary)}.related-article-card p{padding:0 1rem 1rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.blog-article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.back-to-blog{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:600;transition:opacity .2s}.back-to-blog:hover{opacity:.8}.blog-info-box{background:var(--color-bg-light);border-radius:8px;padding:.9rem 1.1rem;margin:1rem 0;border-left:4px solid #2563eb;font-size:.9rem}.blog-data-table{width:100%;border-collapse:collapse;font-size:.88rem}.blog-data-table thead tr{background:var(--color-bg-light)}.blog-data-table th{text-align:left;padding:.5rem .7rem;border-bottom:2px solid var(--color-border)}.blog-data-table td{padding:.45rem .7rem}.blog-data-table tbody tr{border-bottom:1px solid var(--color-border)}.blog-data-table tbody tr:nth-child(2n){background:var(--color-bg-light)}@media(max-width:768px){.blog-article-image{height:250px}.blog-article-meta{padding:1.5rem}.blog-article-meta h1{font-size:1.75rem}.blog-article-info{flex-wrap:wrap;font-size:.8125rem}.blog-article-content{padding:0 1.5rem 1.5rem;font-size:1rem}.related-articles{padding:1.5rem}.related-articles-grid{grid-template-columns:1fr}}@media(max-width:1300px){.blog-article-wrapper{grid-template-columns:minmax(0,900px);padding:2rem 1rem}.blog-ad-sidebar{display:none}.blog-ad-mobile-bottom{display:block;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--background-color);border-top:1px solid var(--border-color);text-align:center;padding:4px 0 0;padding-bottom:env(safe-area-inset-bottom,0)}}.article-share{padding:1.5rem;background:var(--color-card-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.article-share-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text)}.article-share-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.article-share-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:1.1rem}.article-share-button:hover{background:var(--share-color);border-color:var(--share-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .article-share-button:hover{box-shadow:0 4px 12px #ffffff1a}.article-share-button i{pointer-events:none}.article-share-copy.copied{background:#10b981;border-color:#10b981;color:#fff}.article-share-copied-message{display:inline-block;margin-top:.5rem;font-size:.875rem;color:#10b981;font-weight:500}@media(max-width:768px){.article-share{padding:1rem}.article-share-title{font-size:.95rem}.article-share-buttons{gap:.5rem}.article-share-button{width:40px;height:40px;font-size:1rem}}.adsense-ad{overflow:hidden}.adsense-ad--vertical{width:160px;min-height:600px;position:sticky;top:80px}.adsense-ad--horizontal{width:100%;min-height:90px}.adsense-ad--placeholder{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#e8f4fd,#e8f4fd 10px,#c8e6f9 10px 20px);border:2px dashed #4a90d9;border-radius:4px;color:#2c5f8a;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.adsense-ad--horizontal.adsense-ad--placeholder{border-radius:0;border-left:none;border-right:none}.adsense-ad--placeholder span{writing-mode:unset}.adsense-ad--vertical.adsense-ad--placeholder span{writing-mode:vertical-rl;text-orientation:mixed}.flight-affiliate-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--affiliate-btn-bg, #0066cc);color:#fff!important;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;letter-spacing:.01em;cursor:pointer;border:none;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 1px 3px #0066cc40;white-space:nowrap}.flight-affiliate-btn:hover{background:var(--affiliate-btn-hover-bg, #0052a3);transform:translateY(-1px);box-shadow:0 4px 10px #0066cc59;color:#fff!important;text-decoration:none}.flight-affiliate-btn:active{transform:translateY(0);box-shadow:0 1px 3px #06c3}.flight-affiliate-btn__arrow{font-size:.75em;opacity:.85;transition:transform .15s ease}.flight-affiliate-btn:hover .flight-affiliate-btn__arrow{transform:translate(3px)}[data-theme=dark] .flight-affiliate-btn{background:var(--affiliate-btn-bg, #1e7fe8);box-shadow:0 1px 3px #0006}[data-theme=dark] .flight-affiliate-btn:hover{background:var(--affiliate-btn-hover-bg, #0066cc);box-shadow:0 4px 10px #00000080}.flight-affiliate-btn--popup{width:100%;justify-content:center;padding:.55rem 1rem;font-size:.85rem;border-radius:6px}.flight-affiliate-btn--popup:hover{transform:none}.flight-affiliate-btn--compact{padding:.3rem .75rem;font-size:.78rem;font-weight:500;border-radius:5px;box-shadow:none}.flight-affiliate-btn--compact:hover{transform:none;box-shadow:none}[data-theme=dark] .flight-affiliate-btn--compact{background:var(--affiliate-btn-bg, #1e7fe8)}[data-theme=dark] .flight-affiliate-btn--compact:hover{background:var(--affiliate-btn-hover-bg, #0066cc);border-color:#06c}.affiliate-label--desktop{display:none}.affiliate-label--mobile{display:inline}@media(min-width:769px){.affiliate-label--desktop{display:inline}.affiliate-label--mobile{display:none}}.affiliate-label--compact-mobile{display:none}.affiliate-label--compact-desktop{display:inline}.flight-affiliate-btn--compact:not(.flight-affiliate-btn--list) .fa-plane-departure{display:none}@media(max-width:768px){.affiliate-label--compact-mobile{display:inline}.affiliate-label--compact-desktop{display:none}.flight-affiliate-btn--compact .fa-plane-departure{display:inline}}.flight-affiliate-strip{padding:.4rem .75rem .5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;align-items:center;gap:.4rem}.flight-affiliate-strip-label{font-size:.75rem;color:var(--color-text-muted)}.share-flight-affiliate-cta{padding:1.25rem 2rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.share-flight-affiliate-cta .share-flight-cta-label{font-size:.85rem;color:var(--color-text-muted)}.share-flight-affiliate-cta .flight-affiliate-btn{padding:.75rem 2rem;font-size:1rem;border-radius:10px}.flight-affiliate-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary, #666);text-decoration:none;font-size:.9rem;cursor:pointer}.flight-affiliate-link:hover{color:var(--color-primary)}.flight-affiliate-link:hover span{text-decoration:underline}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-top:1px solid #444;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:1000;box-shadow:0 -2px 8px #0000004d;font-size:14px;line-height:1.5;z-index:1100}.consent-content{flex:1;display:flex;flex-direction:column;gap:8px}.consent-text{color:#e0e0e0;margin:0}.consent-text p{margin:0}.consent-links{display:flex;gap:16px;flex-wrap:wrap}.consent-link{color:#6eb3ff;text-decoration:none;transition:color .3s;white-space:nowrap}.consent-link:hover{color:#a8d0ff;text-decoration:underline}.consent-buttons{display:flex;gap:12px;flex-shrink:0}.consent-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;transition:all .3s;white-space:nowrap}.consent-btn.decline{background:#333;color:#e0e0e0;border:1px solid #555}.consent-btn.decline:hover{background:#444;border-color:#666}.consent-btn.accept{background:#06c;color:#fff}.consent-btn.accept:hover{background:#0052a3}@media(max-width:768px){.consent-banner{flex-direction:column;align-items:stretch;gap:12px}.consent-buttons{justify-content:flex-end}.consent-links{gap:12px}.consent-link{font-size:13px}}@media(max-width:480px){.consent-banner{padding:12px 16px;font-size:13px}.consent-buttons{width:100%}.consent-btn{flex:1;padding:10px 12px;font-size:13px}}.contact-form{margin:2rem 0}.contact-form-actions{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.contact-form-actions{flex-direction:column-reverse;align-items:flex-end;gap:1rem}.contact-form-actions>div{align-self:flex-start}}.contact-error-banner{padding:1rem;margin-top:.75rem;margin-bottom:.75rem;background-color:var(--color-bg-error-light);border:1px solid var(--color-border-error);border-radius:4px;color:var(--color-text-error)}.contact-form .form-field{margin-bottom:1.5rem}.contact-form label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-dark)}.contact-form .required{color:var(--color-error-dark)}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--color-border-light);border-radius:4px;font-family:Outfit,sans-serif;transition:border-color .2s;box-sizing:border-box}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6b9bd11a}.contact-form input:disabled,.contact-form textarea:disabled{background-color:var(--color-bg-lighter);cursor:not-allowed}.contact-form textarea{resize:vertical;min-height:150px}.contact-form .btn{padding:.875rem 2rem;font-size:1rem}.contact-info{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border);text-align:center}.contact-info a{color:var(--color-info-light);text-decoration:none;font-weight:500;font-size:1.1rem}.contact-info a:hover{text-decoration:underline}.grecaptcha-badge{bottom:120px!important}@media(max-width:768px){.contact-form{margin:1.5rem 0}.contact-form .form-field{margin-bottom:1.25rem}.contact-form .btn{width:100%;padding:1rem}.contact-info{margin-top:2rem;padding-top:1.5rem}.contact-form textarea{min-height:100px}.grecaptcha-badge{bottom:130px!important}}.toast{position:fixed;top:5rem;right:1rem;z-index:9999;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-surface);border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out;min-width:300px;max-width:500px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:4px solid var(--color-success-light)}.toast-error{border-left:4px solid var(--color-error-dark)}.toast-info{border-left:4px solid var(--color-info-light)}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:1rem;flex-shrink:0}.toast-success .toast-icon{background:var(--color-success-light);color:#fff}.toast-error .toast-icon{background:var(--color-error-dark);color:#fff}.toast-info .toast-icon{background:var(--color-info-light);color:#fff}.toast-message{flex:1;font-size:.95rem;color:var(--color-text-dark);font-family:Outfit,sans-serif}.toast-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-lighter);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.toast-close:hover{color:var(--color-text-light)}@media(max-width:768px){.toast{top:1rem;bottom:auto;right:1rem;left:1rem;min-width:auto}}