@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--navy-900: #070e1a;--navy-800: #0a1628;--navy-700: #0f1f38;--navy-600: #152a4a;--navy-500: #1c3660;--navy-400: #2a4a7a;--gold-500: #d4a853;--gold-400: #e0bc6a;--gold-300: #ebd08a;--gold-600: #b8923f;--gold-glow: rgba(212, 168, 83, .15);--text-white: #f0f0f0;--text-light: #c8cdd5;--text-muted: #8a94a6;--text-gold: var(--gold-500);--surface-card: rgba(15, 31, 56, .7);--surface-card-hover: rgba(21, 42, 74, .85);--surface-overlay: rgba(7, 14, 26, .9);--border-gold: 1px solid rgba(212, 168, 83, .3);--border-subtle: 1px solid rgba(255, 255, 255, .06);--border-gold-strong: 1px solid var(--gold-500);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .4);--shadow-gold: 0 4px 20px rgba(212, 168, 83, .15);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 20px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: .25s ease;--max-width: 1200px;--sidebar-width: 320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--text-light);background:var(--navy-900);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gold-500);line-height:1.2;font-weight:600}h1{font-size:2.2rem;margin-bottom:var(--space-lg)}h2{font-size:1.6rem;margin-bottom:var(--space-md)}h3{font-size:1.25rem;margin-bottom:var(--space-sm)}h4{font-size:1.05rem;margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}a{color:var(--gold-400);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--gold-300)}strong{color:var(--text-white);font-weight:600}.site-header{position:sticky;top:0;z-index:100;background:var(--navy-900);border-bottom:var(--border-gold);backdrop-filter:blur(12px)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;height:56px}.nav-logo{font-family:var(--font-display);font-size:1.4rem;color:var(--gold-500);font-weight:700;letter-spacing:.5px}.nav-logo span{color:var(--text-white);font-weight:400}.nav-links{display:flex;align-items:center;gap:var(--space-lg);list-style:none}.nav-links a{color:var(--text-light);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-xs) 0;border-bottom:2px solid transparent;transition:all var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--gold-500);border-bottom-color:var(--gold-500)}.lang-switcher{display:flex;gap:2px;background:var(--navy-700);border-radius:var(--radius-sm);padding:2px}.lang-switcher a{padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:4px;color:var(--text-muted);transition:all var(--transition)}.lang-switcher a:hover{color:var(--text-white)}.lang-switcher a.active{background:var(--gold-500);color:var(--navy-900)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.nav-toggle span{display:block;width:22px;height:2px;background:var(--gold-500);margin:5px 0;transition:var(--transition)}.page-banner{background:linear-gradient(135deg,var(--navy-800) 0%,var(--navy-700) 100%);border-bottom:var(--border-gold);padding:var(--space-md) 0}.page-banner-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:baseline;gap:var(--space-lg)}.page-banner h1{font-size:1.4rem;margin:0;white-space:nowrap}.page-banner .banner-desc{color:var(--text-muted);font-size:.85rem;margin:0}.page-layout{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg);display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-xl)}.page-content{min-width:0}.page-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.card{background:var(--surface-card);border:var(--border-gold);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition)}.card:hover{background:var(--surface-card-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-gold{border-color:var(--gold-500);box-shadow:var(--shadow-gold)}.card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.card-header .icon{font-size:1.3rem}.card-header h3{margin:0;font-size:1rem}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.city-card{background:var(--surface-card);border:var(--border-gold);border-radius:var(--radius-md);padding:var(--space-lg);position:relative;overflow:hidden;transition:all var(--transition);text-decoration:none;display:block}.city-card:hover{background:var(--surface-card-hover);box-shadow:var(--shadow-gold);transform:translateY(-3px);border-color:var(--gold-500)}.city-card .rank{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--gold-500);color:var(--navy-900);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.city-card .city-name{font-family:var(--font-display);color:var(--gold-500);font-size:1.2rem;font-weight:600;margin-bottom:var(--space-xs)}.city-card .city-badge{display:inline-block;background:var(--gold-glow);color:var(--gold-400);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:3px;margin-bottom:var(--space-md)}.city-card .city-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.city-card .stat{text-align:center;padding:var(--space-sm);background:#ffffff08;border-radius:var(--radius-sm)}.city-card .stat-value{font-family:var(--font-display);color:var(--text-white);font-size:1.1rem;font-weight:700}.city-card .stat-label{color:var(--text-muted);font-size:.7rem;text-transform:uppercase}.city-card .city-highlights{list-style:none;font-size:.82rem;color:var(--text-light)}.city-card .city-highlights li{padding:3px 0 3px 16px;position:relative}.city-card .city-highlights li:before{content:"›";position:absolute;left:0;color:var(--gold-500);font-weight:700}.table-kdh{width:100%;border-collapse:collapse;font-size:.85rem;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-lg)}.table-kdh thead{background:linear-gradient(135deg,var(--gold-600) 0%,var(--gold-500) 100%)}.table-kdh thead th{color:var(--navy-900);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.5px;padding:10px 14px;text-align:left}.table-kdh tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background var(--transition)}.table-kdh tbody tr:nth-child(2n){background:#ffffff05}.table-kdh tbody tr:hover{background:var(--gold-glow)}.table-kdh tbody td{padding:10px 14px;color:var(--text-light)}.table-kdh tbody td:first-child{color:var(--text-white);font-weight:500}.info-box{background:var(--surface-card);border-left:3px solid var(--gold-500);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);font-size:.88rem}.info-box.info-alert{border-left-color:#e74c3c}.info-box.info-success{border-left-color:#2ecc71}.info-box .info-title{font-family:var(--font-display);color:var(--gold-500);font-weight:600;font-size:.95rem;margin-bottom:var(--space-xs)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 24px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none}.btn-gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:var(--navy-900);box-shadow:var(--shadow-gold)}.btn-gold:hover{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));transform:translateY(-1px);box-shadow:0 6px 24px #d4a8534d;color:var(--navy-900)}.btn-outline{background:transparent;color:var(--gold-500);border:2px solid var(--gold-500)}.btn-outline:hover{background:var(--gold-glow);color:var(--gold-400)}.btn-lg{padding:14px 36px;font-size:.95rem}.hero{background:linear-gradient(160deg,var(--navy-800) 0%,var(--navy-700) 40%,var(--navy-600) 100%);border-bottom:var(--border-gold);padding:var(--space-2xl) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,168,83,.06) 0%,transparent 70%);pointer-events:none}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl);align-items:center}.hero h1{font-size:2.4rem;color:var(--text-white);margin-bottom:var(--space-md)}.hero h1 em{color:var(--gold-500);font-style:normal}.hero .hero-desc{color:var(--text-light);font-size:1.05rem;margin-bottom:var(--space-xl);line-height:1.7}.hero-ctas{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.hero-stat{background:var(--surface-card);border:var(--border-gold);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.hero-stat .stat-value{font-family:var(--font-display);font-size:1.8rem;color:var(--gold-500);font-weight:700;line-height:1}.hero-stat .stat-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}.section{padding:var(--space-2xl) 0}.section-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section-title{text-align:center;margin-bottom:var(--space-xs)}.section-subtitle{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-2xl)}.section-alt{background:var(--navy-800)}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.theme-card{background:var(--surface-card);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:all var(--transition);text-decoration:none;display:block}.theme-card:hover{border-color:#d4a8534d;background:var(--surface-card-hover);transform:translateY(-2px)}.theme-card .theme-icon{font-size:2rem;margin-bottom:var(--space-sm);display:block}.theme-card .theme-name{font-family:var(--font-display);color:var(--gold-500);font-size:.95rem;font-weight:600;margin-bottom:var(--space-xs)}.theme-card .theme-desc{color:var(--text-muted);font-size:.78rem;line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:960px;margin:0 auto}.pricing-card{background:var(--surface-card);border:var(--border-gold);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center;position:relative;transition:all var(--transition)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.pricing-card.featured{border-color:var(--gold-500);box-shadow:var(--shadow-gold)}.pricing-card.featured:before{content:"Populaire";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gold-500);color:var(--navy-900);font-size:.7rem;font-weight:700;text-transform:uppercase;padding:3px 14px;border-radius:20px}.pricing-card .plan-name{font-family:var(--font-display);color:var(--gold-500);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.pricing-card .plan-price{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-white);line-height:1;margin-bottom:var(--space-xs)}.pricing-card .plan-price .currency{font-size:1.2rem;vertical-align:super;color:var(--gold-500)}.pricing-card .plan-desc{color:var(--text-muted);font-size:.8rem;margin-bottom:var(--space-lg)}.pricing-card .plan-features{list-style:none;text-align:left;margin-bottom:var(--space-xl)}.pricing-card .plan-features li{font-size:.82rem;color:var(--text-light);border-bottom:1px solid rgba(255,255,255,.04);padding:6px 0 6px 20px;position:relative}.pricing-card .plan-features li:before{content:"✓";position:absolute;left:0;color:var(--gold-500);font-weight:700}.site-footer{background:var(--navy-900);border-top:var(--border-gold);padding:var(--space-2xl) 0 var(--space-lg)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.footer-brand .nav-logo{margin-bottom:var(--space-sm);display:block}.footer-brand p{color:var(--text-muted);font-size:.82rem}.footer-col h4{color:var(--gold-500);font-family:var(--font-display);font-size:.9rem;margin-bottom:var(--space-md)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-sm)}.footer-col a{color:var(--text-muted);font-size:.82rem;transition:color var(--transition)}.footer-col a:hover{color:var(--gold-400)}.footer-bottom{border-top:var(--border-subtle);padding-top:var(--space-lg);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.cta-section{background:linear-gradient(135deg,var(--navy-700),var(--navy-500));border-top:var(--border-gold);border-bottom:var(--border-gold);padding:var(--space-2xl) 0;text-align:center}.cta-section h2{color:var(--text-white);margin-bottom:var(--space-sm)}.cta-section p{color:var(--text-light);margin-bottom:var(--space-xl)}.flag-wrap{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.flag-wrap canvas{border-radius:var(--radius-sm);box-shadow:0 4px 20px #0000004d}.sidebar-cta{background:linear-gradient(135deg,var(--navy-700),var(--navy-600));border:var(--border-gold-strong);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.sidebar-cta h3{font-size:1rem;margin-bottom:var(--space-sm)}.sidebar-cta p{font-size:.82rem;color:var(--text-muted);margin-bottom:var(--space-md)}.sidebar-data{background:var(--surface-card);border:var(--border-gold);border-radius:var(--radius-md);padding:var(--space-lg)}.sidebar-data h4{font-size:.9rem;margin-bottom:var(--space-md)}.sidebar-data .data-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.82rem}.sidebar-data .data-row:last-child{border-bottom:none}.sidebar-data .data-label{color:var(--text-muted)}.sidebar-data .data-value{color:var(--text-white);font-weight:600}@media(max-width:900px){.page-layout{grid-template-columns:1fr}.page-sidebar{order:-1}.hero-inner{grid-template-columns:1fr;text-align:center}.hero h1{font-size:1.8rem}.hero-ctas{justify-content:center}.pricing-grid{grid-template-columns:1fr;max-width:400px}.footer-grid{grid-template-columns:1fr 1fr}.page-banner-inner{flex-direction:column;gap:var(--space-xs)}}@media(max-width:640px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:var(--navy-800);border-bottom:var(--border-gold);padding:var(--space-lg);gap:var(--space-md)}.city-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.hero-stat .stat-value{font-size:1.3rem}.themes-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}h1{font-size:1.6rem}}.text-center{text-align:center}.text-gold{color:var(--gold-500)}.text-white{color:var(--text-white)}.text-muted{color:var(--text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.gap-md{gap:var(--space-md)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}