*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}.nav{background:#fff}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 20px;display:flex;align-items:center;justify-content:space-between}.nav-brand a{display:flex;align-items:center;text-decoration:none;color:#333}.logo{width:32px;height:32px;margin-right:10px}.brand-name{font-size:1.5rem;font-weight:bold;color:#2563eb}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-menu a{text-decoration:none;color:#666;font-weight:500;transition:color 0.3s}.nav-menu a:hover{color:#2563eb}.search-container{position:relative}.search-container input{padding:0.5rem 1rem;border:2px solid #e5e7eb;border-radius:8px;width:300px;font-size:0.9rem;transition:border-color 0.3s}.search-container input:focus{outline:none;border-color:#2563eb}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);max-height:300px;overflow-y:auto;z-index:1000;display:none}.search-suggestions a{display:block;padding:0.75rem 1rem;text-decoration:none;color:#333;border-bottom:1px solid #f3f4f6}.search-suggestions a:hover{background:#f9fafb}.search-suggestions.active{display:block}.language-selector select{padding:0.5rem;border:2px solid #e5e7eb;border-radius:8px;background:white;font-size:0.9rem}.main{min-height:calc(100vh - 200px)}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:4rem 0;text-align:center}.hero-content h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-subtitle{font-size:1.5rem;margin-bottom:1rem;opacity:0.9}.hero-description{font-size:1.1rem;margin-bottom:2rem;opacity:0.8;max-width:600px;margin-left:auto;margin-right:auto}.hero-search{display:flex;gap:1rem;max-width:500px;margin:0 auto}.hero-search input{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1rem}.hero-search button{padding:1rem 2rem;background:#2563eb;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background 0.3s}.hero-search button:hover{background:#1d4ed8}.content-section{padding:4rem 0}.content-section:nth-child(even){background:#f9fafb}.content-section h2{font-size:2rem;margin-bottom:2rem;text-align:center;color:#1f2937}.featured-section{padding:4rem 0}.featured-section h2{text-align:center;margin-bottom:3rem;font-size:2rem;color:#1f2937}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.featured-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s}.featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.featured-card h3{margin-bottom:0.5rem}.featured-card h3 a{text-decoration:none;color:#1f2937;font-size:1.25rem}.featured-card h3 a:hover{color:#2563eb}.location-path{color:#6b7280;font-size:0.9rem;margin-bottom:1rem}.vibe-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.vibe-tag{background:#e0e7ff;color:#3730a3;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:500}.target-audience{color:#4b5563;margin-bottom:1rem;font-style:italic}.explore-btn{display:inline-block;background:#2563eb;color:white;padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background 0.3s}.explore-btn:hover{background:#1d4ed8}.district-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:3rem 0;text-align:center}.district-hero h1{font-size:2.5rem;margin-bottom:1rem}.hero-subtitle{font-size:1.2rem;opacity:0.9}.quick-stats{padding:2rem 0;background:#f9fafb;border-bottom:1px solid #e5e7eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:bold;color:#2563eb;margin-bottom:0.5rem}.stat-label{font-size:0.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.vibe-tags-large{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.vibe-tag-large{background:#e0e7ff;color:#3730a3;padding:0.75rem 1.5rem;border-radius:25px;font-size:1.1rem;font-weight:600}.target-audience-large{text-align:center;font-size:1.2rem;color:#4b5563;max-width:600px;margin:0 auto;font-style:italic}.real-talk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.real-talk-item{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.1);text-align:center}.real-talk-item h3{color:#2563eb;margin-bottom:1rem;font-size:1.2rem}.real-talk-item p{color:#4b5563;line-height:1.6}.gems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.gem-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.gem-card h3{color:#1f2937;margin-bottom:0.5rem;font-size:1.3rem}.gem-type{background:#fef3c7;color:#92400e;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:500;text-transform:uppercase;margin-bottom:1rem;display:inline-block}.gem-description{color:#4b5563;margin-bottom:1rem;line-height:1.6}.gem-address{color:#6b7280;font-size:0.9rem;margin-bottom:1rem}.gem-tip{background:#f0fdf4;border-left:4px solid #22c55e;padding:1rem;margin-top:1rem;font-style:italic;color:#166534}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.pros-section h2{color:#22c55e}.cons-section h2{color:#ef4444}.pros-list,.cons-list{list-style:none}.pros-list li{padding:0.75rem 0;border-bottom:1px solid #e5e7eb;position:relative;padding-left:2rem}.pros-list li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:bold}.cons-list li{padding:0.75rem 0;border-bottom:1px solid #e5e7eb;position:relative;padding-left:2rem}.cons-list li:before{content:"✗";position:absolute;left:0;color:#ef4444;font-weight:bold}.cta-section{padding:4rem 0;background:#f9fafb}.cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.cta-card{background:white;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.cta-card h3{margin-bottom:1rem;color:#1f2937}.cta-card p{color:#6b7280;margin-bottom:2rem}.cta-btn{background:#2563eb;color:white;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background 0.3s}.cta-btn:hover{background:#1d4ed8}.similar-section{padding:4rem 0}.similar-section h2{text-align:center;margin-bottom:3rem}.similar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.similar-card{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.1);text-align:center}.similar-card h3{margin-bottom:1rem}.similar-card h3 a{text-decoration:none;color:#1f2937}.similar-card h3 a:hover{color:#2563eb}.explore-link{color:#2563eb;text-decoration:none;font-weight:500}.explore-link:hover{text-decoration:underline}.breadcrumb{padding:1rem 0;background:#f9fafb}.breadcrumb ol{list-style:none;display:flex;align-items:center;gap:0.5rem;font-size:0.9rem}.breadcrumb li:not(:last-child)::after{content:"›";margin-left:0.5rem;color:#9ca3af}.breadcrumb a{color:#6b7280;text-decoration:none}.breadcrumb a:hover{color:#2563eb}.breadcrumb span{color:#1f2937;font-weight:500}.error-page{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.error-container{max-width:600px;padding:2rem}.error-code{font-size:6rem;font-weight:bold;color:#ef4444;margin-bottom:1rem}.error-title{font-size:2rem;margin-bottom:1rem;color:#1f2937}.error-message{color:#6b7280;margin-bottom:2rem;line-height:1.6}.error-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:2rem}.btn-primary{background:#2563eb;color:white;padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background 0.3s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#6b7280;color:white;padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background 0.3s}.btn-secondary:hover{background:#4b5563}.search-box{display:flex;gap:0.5rem;width:100%;max-width:400px}.search-box input{flex:1;padding:0.75rem;border:2px solid #e5e7eb;border-radius:8px}.search-box button{padding:0.75rem 1.5rem;background:#2563eb;color:white;border:none;border-radius:8px;cursor:pointer}.suggestions{text-align:left;margin-top:2rem}.suggestions h3{margin-bottom:1rem;color:#1f2937}.suggestions ul{list-style:none}.suggestions li{margin-bottom:0.5rem}.suggestions a{color:#2563eb;text-decoration:none}.suggestions a:hover{text-decoration:underline}.cities-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:6rem 0 4rem;text-align:center}.cities-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:bold;margin-bottom:0.5rem}.stat-label{font-size:0.9rem;opacity:0.9;text-transform:uppercase;letter-spacing:1px}.cities-list-section{padding:4rem 0}.pagination-top,.pagination-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.pagination-info{color:#666;font-size:0.9rem}.pagination{display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}.pagination-btn{padding:0.5rem 1rem;border:1px solid #ddd;background:white;color:#333;text-decoration:none;border-radius:4px;transition:all 0.3s ease}.pagination-btn:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.pagination-btn.active{background:#667eea;color:white;border-color:#667eea}.pagination-btn.prev,.pagination-btn.next{padding:0.5rem 1.5rem}.pagination-ellipsis{padding:0.5rem;color:#999}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.city-card{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);overflow:hidden;transition:all 0.3s ease;animation:fadeInUp 0.6s ease forwards;opacity:0}.city-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}.city-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:1px solid #e9ecef}.city-info h3{font-size:1.5rem;margin-bottom:0.5rem;color:#333}.city-meta{display:flex;flex-direction:column;gap:0.25rem}.city-country{font-size:0.9rem;color:#666;font-weight:500}.city-population{font-size:0.8rem;color:#888}.city-rank{text-align:center;background:#667eea;color:white;padding:0.75rem;border-radius:8px;min-width:60px}.rank-number{display:block;font-size:1.25rem;font-weight:bold}.rank-label{font-size:0.7rem;text-transform:uppercase;opacity:0.9}.city-content{padding:1.5rem}.city-description{margin-bottom:1rem}.city-description p{color:#666;line-height:1.6}.city-stats{margin-bottom:1rem}.city-stat{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}.stat-icon{font-size:1rem}.stat-text{font-size:0.9rem;color:#666}.city-vibes{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}.vibe-tag{background:#f8f9fa;color:#667eea;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:500}.city-gem{display:flex;align-items:center;gap:0.5rem;padding:0.75rem;background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-radius:8px;margin-top:1rem}.gem-icon{font-size:1rem}.gem-text{font-size:0.9rem;color:#856404;font-weight:500}.city-actions{padding:1.5rem;border-top:1px solid #e9ecef}.city-explore-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.75rem 1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;text-decoration:none;border-radius:8px;font-weight:500;transition:all 0.3s ease}.city-explore-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,0.4)}.quick-nav-section{background:#f8f9fa;padding:3rem 0}.quick-nav h3{text-align:center;margin-bottom:2rem;color:#333;font-size:1.5rem}.nav-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.nav-link{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1.5rem;background:white;border-radius:12px;text-decoration:none;color:#333;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:all 0.3s ease;min-width:120px}.nav-link:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,0.15);color:#667eea}.nav-icon{font-size:2rem}.nav-text{font-size:0.9rem;font-weight:500;text-align:center}.all-cities-link{text-align:center;margin-top:3rem}.all-cities-link .cta-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:white;color:#667eea;text-decoration:none;border-radius:8px;font-weight:500;border:2px solid #667eea;transition:all 0.3s ease}.all-cities-link .cta-secondary:hover{background:#667eea;color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,0.4)}.paris-hero{position:relative;min-height:100vh;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#7e8ba3 100%);color:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.paris-atmosphere{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.paris-lights{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,0.1) 0%,transparent 50%);animation:twinkle 4s ease-in-out infinite}.paris-silhouette{position:absolute;bottom:0;left:0;right:0;height:200px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 200"><path d="M0,200 L0,180 L50,180 L50,160 L80,160 L80,140 L100,140 L100,120 L120,120 L120,100 L140,100 L140,80 L160,80 L160,60 L180,60 L180,40 L200,40 L200,20 L220,20 L220,0 L240,0 L240,20 L260,20 L260,40 L280,40 L280,60 L300,60 L300,80 L320,80 L320,100 L340,100 L340,120 L360,120 L360,140 L380,140 L380,160 L400,160 L400,180 L420,180 L420,200 Z" fill="%23000" opacity="0.3"/></svg>') no-repeat center bottom;background-size:cover}@keyframes twinkle{0%,100%{opacity:0.3}50%{opacity:0.6}}.paris-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 20px}.paris-emblem{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:1.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.paris-hero-title{margin-bottom:2rem}.title-main{display:block;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.title-highlight{display:block;font-size:2rem;font-weight:300;opacity:0.9}.paris-hero-subtitle{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}.paris-quick-facts{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.paris-quick-facts .fact-item{text-align:center}.paris-quick-facts .fact-number{display:block;font-size:2rem;font-weight:bold;margin-bottom:0.5rem}.paris-quick-facts .fact-label{font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;opacity:0.8}.paris-article{background:white;padding:4rem 0}.article-content{max-width:800px;margin:0 auto;line-height:1.8}.article-section{margin-bottom:4rem}.article-section h2{font-size:2.5rem;color:#1e3c72;margin-bottom:2rem;text-align:center;position:relative}.article-section h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.article-section h3{font-size:1.5rem;color:#2a5298;margin:2rem 0 1rem 0}.article-intro{font-size:1.2rem;color:#555;font-style:italic;margin-bottom:2rem;text-align:center}.article-quote{background:#f8f9fa;border-left:4px solid #667eea;padding:2rem;margin:2rem 0;font-style:italic;font-size:1.1rem;color:#555}.article-quote cite{display:block;text-align:right;margin-top:1rem;font-weight:bold;color:#333}.secrets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.secret-card{background:#f8f9fa;padding:2rem;border-radius:12px;border-left:4px solid #667eea}.secret-card h3{margin-bottom:1rem;color:#1e3c72}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.stat-card{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:12px}.stat-card .stat-number{display:block;font-size:2rem;font-weight:bold;margin-bottom:0.5rem}.stat-card .stat-label{display:block;font-size:0.9rem;margin-bottom:0.5rem}.stat-card .stat-detail{font-size:0.8rem;opacity:0.8}.paris-cta{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:3rem;border-radius:12px;margin-top:3rem}.paris-cta h3{color:#1e3c72;margin-bottom:1rem}.paris-cta p{margin-bottom:2rem;color:#666}.cta-button{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;text-decoration:none;border-radius:8px;font-weight:500;transition:all 0.3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,0.4)}.cities-focus-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:4rem 0}.cities-focus-header{text-align:center;margin-bottom:4rem}.cities-focus-header .section-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:1rem}.cities-focus-header .section-title{font-size:2.5rem;color:#1e3c72;margin-bottom:1rem}.cities-focus-header .section-subtitle{font-size:1.1rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.cities-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.city-focus-card{background:white;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.city-focus-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.15)}.city-focus-visual{height:200px;display:flex;align-items:center;justify-content:center;position:relative}.city-illustration{position:relative;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center}.paris-illustration{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 25px rgba(102,126,234,0.3)}.marseille-illustration{background:linear-gradient(135deg,#1e6ba8 0%,#52b788 100%);box-shadow:0 8px 25px rgba(30,107,168,0.3)}.lyon-illustration{background:linear-gradient(135deg,#8b4513 0%,#cd853f 50%,#daa520 100%);box-shadow:0 8px 25px rgba(139,69,19,0.3)}.toulouse-illustration{background:linear-gradient(135deg,#e74c3c 0%,#f39c12 50%,#f1c40f 100%);box-shadow:0 8px 25px rgba(231,76,60,0.3)}.nice-illustration{background:linear-gradient(135deg,#00b4d8 0%,#0077be 50%,#00a8cc 100%);box-shadow:0 8px 25px rgba(0,180,216,0.3)}.nantes-illustration{background:linear-gradient(135deg,#2d6a4f 0%,#52b788 50%,#74c69d 100%);box-shadow:0 8px 25px rgba(45,106,79,0.3)}.bordeaux-illustration{background:linear-gradient(135deg,#722f37 0%,#8b4513 50%,#a0522d 100%);box-shadow:0 8px 25px rgba(114,47,55,0.3)}.lille-illustration{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 50%,#60a5fa 100%);box-shadow:0 8px 25px rgba(30,58,138,0.3)}.strasbourg-illustration{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#fbbf24 100%);box-shadow:0 8px 25px rgba(30,64,175,0.3)}.montpellier-illustration{background:linear-gradient(135deg,#f97316 0%,#fb923c 50%,#fbbf24 100%);box-shadow:0 8px 25px rgba(249,115,22,0.3)}.toulon-illustration{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 50%,#60a5fa 100%);box-shadow:0 8px 25px rgba(30,58,138,0.3)}.city-skyline{position:absolute;width:100px;height:50px;bottom:25px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><path d="M0,50 L0,40 L10,40 L10,30 L20,30 L20,20 L30,20 L30,10 L40,10 L40,0 L50,0 L50,10 L60,10 L60,20 L70,20 L70,30 L80,30 L80,40 L90,40 L90,50 Z" fill="white" opacity="0.8"/></svg>') no-repeat center bottom;background-size:contain}.city-sea{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(0deg,rgba(30,107,168,0.3) 0%,transparent 100%);animation:waves 6s ease-in-out infinite}.city-sun{position:absolute;top:20%;right:20%;width:30px;height:30px;background:radial-gradient(circle,#ffd60a 0%,rgba(255,214,10,0.3) 70%);border-radius:50%;animation:sun-glow 4s ease-in-out infinite}.city-lights-animation{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,transparent 30%,rgba(255,255,255,0.1) 70%);animation:pulse 3s ease-in-out infinite}.city-river{position:absolute;bottom:0;left:0;right:0;height:35px;background:linear-gradient(90deg,rgba(30,107,168,0.4) 0%,rgba(0,180,216,0.3) 50%,rgba(30,107,168,0.4) 100%);animation:river-flow 8s ease-in-out infinite}.city-mechanical-elephant{position:absolute;width:40px;height:30px;top:40%;left:50%;transform:translateX(-50%);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 30"><path d="M10,25 Q10,15 20,15 Q30,15 30,25 L30,28 Q30,30 28,30 L12,30 Q10,30 10,28 Z" fill="white" opacity="0.9"/><circle cx="15" cy="20" r="2" fill="%23333"/><circle cx="25" cy="20" r="2" fill="%23333"/><path d="M18,15 L18,10 Q18,8 20,8 Q22,8 22,10 L22,15" fill="white" opacity="0.9"/></svg>') no-repeat center;background-size:contain;animation:elephant-walk 12s ease-in-out infinite}.city-wine-river{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(90deg,rgba(114,47,55,0.6) 0%,rgba(139,69,19,0.4) 50%,rgba(114,47,55,0.6) 100%);animation:wine-flow 10s ease-in-out infinite}.city-wine-glass{position:absolute;width:25px;height:35px;top:35%;left:50%;transform:translateX(-50%);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 35"><path d="M5,5 L20,5 L18,20 Q18,25 12.5,25 Q7,25 7,20 Z" fill="white" opacity="0.9"/><rect x="11" y="25" width="3" height="8" fill="white" opacity="0.9"/><rect x="9" y="33" width="7" height="2" fill="white" opacity="0.9"/></svg>') no-repeat center;background-size:contain;animation:wine-sway 8s ease-in-out infinite}.city-textile-pattern{position:absolute;bottom:0;left:0;right:0;height:40px;background:repeating-linear-gradient(90deg,rgba(30,58,138,0.6) 0px,rgba(59,130,246,0.4) 10px,rgba(30,58,138,0.6) 20px);animation:textile-weave 12s linear infinite}.city-beer-glass{position:absolute;width:20px;height:30px;top:40%;left:50%;transform:translateX(-50%);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 30"><path d="M4,8 L16,8 L15,22 Q15,26 10,26 Q5,26 5,22 Z" fill="white" opacity="0.9"/><rect x="8" y="26" width="4" height="3" fill="white" opacity="0.9"/><path d="M4,8 Q4,6 6,6 L14,6 Q16,6 16,8" fill="none" stroke="white" stroke-width="1" opacity="0.9"/></svg>') no-repeat center;background-size:contain;animation:beer-bubble 6s ease-in-out infinite}.city-european-stars{position:absolute;bottom:0;left:0;right:0;height:40px;background:repeating-linear-gradient(90deg,rgba(30,64,175,0.6) 0px,rgba(59,130,246,0.4) 15px,rgba(30,64,175,0.6) 30px);animation:european-stars-twinkle 15s ease-in-out infinite}.city-cathedral{position:absolute;width:30px;height:45px;top:30%;left:50%;transform:translateX(-50%);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 45"><path d="M15,0 L10,15 L5,25 L0,35 L0,45 L30,45 L30,35 L25,25 L20,15 Z" fill="white" opacity="0.9"/><rect x="12" y="35" width="6" height="10" fill="white" opacity="0.9"/><circle cx="15" cy="8" r="2" fill="white" opacity="0.9"/></svg>') no-repeat center;background-size:contain;animation:cathedral-glow 8s ease-in-out infinite}.city-mediterranean-waves{position:absolute;bottom:0;left:0;right:0;height:40px;background:repeating-linear-gradient(90deg,rgba(249,115,22,0.6) 0px,rgba(251,146,60,0.4) 15px,rgba(249,115,22,0.6) 30px);animation:mediterranean-waves 12s linear infinite}.city-sunshine{position:absolute;width:35px;height:35px;top:40%;left:50%;transform:translateX(-50%);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"><circle cx="17.5" cy="17.5" r="8" fill="white" opacity="0.9"/><path d="M17.5,2 L17.5,6 M17.5,29 L17.5,33 M2,17.5 L6,17.5 M29,17.5 L33,17.5 M6.5,6.5 L9.5,9.5 M25.5,25.5 L28.5,28.5 M6.5,28.5 L9.5,25.5 M25.5,9.5 L28.5,6.5" stroke="white" stroke-width="2" opacity="0.9"/></svg>') no-repeat center;background-size:contain;animation:sunshine-rotate 10s linear infinite}.city-navy-ship{position:absolute;bottom:0;left:0;right:0;height:40px;background:repeating-linear-gradient(90deg,rgba(30,58,138,0.6) 0px,rgba(59,130,246,0.4) 20px,rgba(30,58,138,0.6) 40px);animation:navy-waves 15s linear infinite}.city-port-activity{position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="80" r="8" fill="white" opacity="0.1"/><circle cx="80" cy="70" r="6" fill="white" opacity="0.1"/><circle cx="50" cy="85" r="7" fill="white" opacity="0.1"/><circle cx="30" cy="60" r="5" fill="white" opacity="0.1"/><circle cx="70" cy="50" r="6" fill="white" opacity="0.1"/></svg>') repeat;animation:port-activity-float 25s linear infinite}.city-sunshine{position:absolute;width:35px;height:35px;top:25%;left:50%;transform:translateX(-50%);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"><circle cx="17.5" cy="17.5" r="8" fill="white" opacity="0.9"/><path d="M17.5,2 L17.5,6 M17.5,29 L17.5,33 M2,17.5 L6,17.5 M29,17.5 L33,17.5 M6.5,6.5 L9.5,9.5 M25.5,25.5 L28.5,28.5 M6.5,28.5 L9.5,25.5 M25.5,9.5 L28.5,6.5" stroke="white" stroke-width="2" opacity="0.9"/></svg>') no-repeat center;background-size:contain;animation:sunshine-rotate 10s linear infinite}.city-focus-content{padding:2rem}.city-focus-content h3{font-size:2rem;color:#1e3c72;margin-bottom:0.5rem}.city-subtitle{font-size:1.1rem;color:#667eea;font-weight:500;margin-bottom:1rem}.city-description{color:#666;line-height:1.6;margin-bottom:2rem}.city-highlights{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:2rem}.highlight-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:#f8f9fa;border-radius:8px}.highlight-icon{font-size:1.2rem}.highlight-text{font-weight:500;color:#333;font-size:0.9rem}.more-cities-coming{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:12px;font-weight:500}@keyframes waves{0%,100%{transform:translateY(0);opacity:0.3}50%{transform:translateY(-3px);opacity:0.5}}@keyframes sun-glow{0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.1);opacity:1}}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.05);opacity:0.8}}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.1);opacity:0.8}}@keyframes river-flow{0%,100%{transform:translateX(-10px);opacity:0.4}50%{transform:translateX(10px);opacity:0.7}}@keyframes elephant-walk{0%,100%{transform:translateX(-50%) translateY(0)}25%{transform:translateX(-50%) translateY(-3px)}50%{transform:translateX(-50%) translateY(0)}75%{transform:translateX(-50%) translateY(-2px)}}@keyframes wine-flow{0%,100%{transform:translateX(-15px);opacity:0.5}50%{transform:translateX(15px);opacity:0.8}}@keyframes wine-sway{0%,100%{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(3deg)}50%{transform:translateX(-50%) rotate(0deg)}75%{transform:translateX(-50%) rotate(-2deg)}}@keyframes textile-weave{0%{transform:translateX(0)}100%{transform:translateX(20px)}}@keyframes beer-bubble{0%,100%{transform:translateX(-50%) translateY(0)}25%{transform:translateX(-50%) translateY(-2px)}50%{transform:translateX(-50%) translateY(0)}75%{transform:translateX(-50%) translateY(-1px)}}@keyframes european-stars-twinkle{0%,100%{transform:translateX(0);opacity:0.5}50%{transform:translateX(15px);opacity:0.8}}@keyframes cathedral-glow{0%,100%{transform:translateX(-50%) scale(1);opacity:0.9}50%{transform:translateX(-50%) scale(1.1);opacity:1}}@keyframes mediterranean-waves{0%{transform:translateX(0)}100%{transform:translateX(30px)}}@keyframes sunshine-rotate{0%{transform:translateX(-50%) rotate(0deg)}100%{transform:translateX(-50%) rotate(360deg)}}@keyframes navy-waves{0%{transform:translateX(0)}100%{transform:translateX(40px)}}@keyframes port-activity-float{0%{transform:translateY(0)}100%{transform:translateY(-100px)}}.marseille-hero{position:relative;min-height:100vh;background:linear-gradient(135deg,#1e6ba8 0%,#2a9d8f 50%,#52b788 100%);color:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.marseille-atmosphere{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.marseille-sea{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(0deg,rgba(30,107,168,0.3) 0%,transparent 100%);animation:waves 8s ease-in-out infinite}.marseille-sun{position:absolute;top:10%;right:15%;width:100px;height:100px;background:radial-gradient(circle,#ffd60a 0%,rgba(255,214,10,0.3) 70%);border-radius:50%;animation:sun-glow 4s ease-in-out infinite}@keyframes waves{0%,100%{transform:translateY(0);opacity:0.3}50%{transform:translateY(-10px);opacity:0.5}}@keyframes sun-glow{0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.1);opacity:1}}.marseille-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 20px}.marseille-emblem{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:1.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.marseille-hero-title{margin-bottom:2rem}.marseille-hero-title .title-main{display:block;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.marseille-hero-title .title-highlight{display:block;font-size:2rem;font-weight:300;opacity:0.9}.marseille-hero-subtitle{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}.marseille-quick-facts{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.marseille-quick-facts .fact-item{text-align:center}.marseille-quick-facts .fact-number{display:block;font-size:2rem;font-weight:bold;margin-bottom:0.5rem}.marseille-quick-facts .fact-label{font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;opacity:0.8}.marseille-article{background:white;padding:4rem 0}.marseille-article .article-section h2{font-size:2.5rem;color:#1e6ba8;margin-bottom:2rem;text-align:center;position:relative}.marseille-article .article-section h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,#1e6ba8 0%,#2a9d8f 100%)}.marseille-article .article-section h3{font-size:1.5rem;color:#2a9d8f;margin:2rem 0 1rem 0}.marseille-cta{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:3rem;border-radius:12px;margin-top:3rem}.marseille-cta h3{color:#1e6ba8;margin-bottom:1rem}.marseille-cta p{margin-bottom:2rem;color:#666}.lyon-hero{position:relative;min-height:100vh;background:linear-gradient(135deg,#8b4513 0%,#cd853f 50%,#daa520 100%);color:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.lyon-atmosphere{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.lyon-rivers{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,rgba(70,130,180,0.4) 0%,transparent 100%);animation:river-flow 8s ease-in-out infinite}.lyon-lights{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,0.2) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,215,0,0.15) 0%,transparent 50%);animation:golden-glow 6s ease-in-out infinite}@keyframes river-flow{0%,100%{transform:translateY(0);opacity:0.4}50%{transform:translateY(-5px);opacity:0.6}}@keyframes golden-glow{0%,100%{opacity:0.3}50%{opacity:0.5}}.lyon-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 20px}.lyon-emblem{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:1.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.lyon-hero-title{margin-bottom:2rem}.lyon-hero-title .title-main{display:block;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.lyon-hero-title .title-highlight{display:block;font-size:2rem;font-weight:300;opacity:0.9}.lyon-hero-subtitle{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}.lyon-quick-facts{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.lyon-quick-facts .fact-item{text-align:center}.lyon-quick-facts .fact-number{display:block;font-size:2rem;font-weight:bold;margin-bottom:0.5rem}.lyon-quick-facts .fact-label{font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;opacity:0.8}.lyon-article{background:white;padding:4rem 0}.lyon-article .article-section h2{font-size:2.5rem;color:#8b4513;margin-bottom:2rem;text-align:center;position:relative}.lyon-article .article-section h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,#8b4513 0%,#cd853f 100%)}.lyon-article .article-section h3{font-size:1.5rem;color:#cd853f;margin:2rem 0 1rem 0}.lyon-cta{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:3rem;border-radius:12px;margin-top:3rem}.lyon-cta h3{color:#8b4513;margin-bottom:1rem}.lyon-cta p{margin-bottom:2rem;color:#666}.toulouse-hero{position:relative;min-height:100vh;background:linear-gradient(135deg,#e74c3c 0%,#f39c12 50%,#f1c40f 100%);color:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.toulouse-atmosphere{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.toulouse-bricks{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(231,76,60,0.1) 0px,rgba(231,76,60,0.1) 10px,rgba(243,156,18,0.1) 10px,rgba(243,156,18,0.1) 20px);animation:brick-pattern 20s linear infinite}.toulouse-skyline{position:absolute;bottom:0;left:0;right:0;height:150px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 150"><path d="M0,150 L0,130 L50,130 L50,110 L100,110 L100,90 L150,90 L150,70 L200,70 L200,50 L250,50 L250,30 L300,30 L300,10 L350,10 L350,30 L400,30 L400,50 L450,50 L450,70 L500,70 L500,90 L550,90 L550,110 L600,110 L600,130 L650,130 L650,150 Z" fill="rgba(255,255,255,0.2)"/></svg>') no-repeat center bottom;background-size:cover;animation:skyline-glow 8s ease-in-out infinite}@keyframes brick-pattern{0%{transform:translateX(0)}100%{transform:translateX(20px)}}@keyframes skyline-glow{0%,100%{opacity:0.2}50%{opacity:0.4}}.toulouse-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 20px}.toulouse-emblem{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:1.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.toulouse-hero-title{margin-bottom:2rem}.toulouse-hero-title .title-main{display:block;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.toulouse-hero-title .title-highlight{display:block;font-size:2rem;font-weight:300;opacity:0.9}.toulouse-hero-subtitle{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}.toulouse-quick-facts{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.toulouse-quick-facts .fact-item{text-align:center}.toulouse-quick-facts .fact-number{display:block;font-size:2rem;font-weight:bold;margin-bottom:0.5rem}.toulouse-quick-facts .fact-label{font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;opacity:0.8}.toulouse-article{background:white;padding:4rem 0}.toulouse-article .article-section h2{font-size:2.5rem;color:#e74c3c;margin-bottom:2rem;text-align:center;position:relative}.toulouse-article .article-section h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,#e74c3c 0%,#f39c12 100%)}.toulouse-article .article-section h3{font-size:1.5rem;color:#f39c12;margin:2rem 0 1rem 0}.toulouse-cta{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:3rem;border-radius:12px;margin-top:3rem}.toulouse-cta h3{color:#e74c3c;margin-bottom:1rem}.toulouse-cta p{margin-bottom:2rem;color:#666}.nice-hero{position:relative;min-height:100vh;background:linear-gradient(135deg,#00b4d8 0%,#0077be 50%,#00a8cc 100%);color:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.nice-atmosphere{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.nice-sea{position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(0deg,rgba(0,180,216,0.4) 0%,transparent 100%);animation:sea-waves 10s ease-in-out infinite}.nice-sun{position:absolute;top:15%;right:20%;width:120px;height:120px;background:radial-gradient(circle,#ffd60a 0%,rgba(255,214,10,0.3) 70%);border-radius:50%;animation:sun-glow 5s ease-in-out infinite}@keyframes sea-waves{0%,100%{transform:translateY(0);opacity:0.4}50%{transform:translateY(-8px);opacity:0.6}}@keyframes sun-glow{0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.1);opacity:1}}.nice-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 20px}.nice-emblem{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:1.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.nice-hero-title{margin-bottom:2rem}.nice-hero-title .title-main{display:block;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.nice-hero-title .title-highlight{display:block;font-size:2rem;font-weight:300;opacity:0.9}.nice-hero-subtitle{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}.nice-quick-facts{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.nice-quick-facts .fact-item{text-align:center}.nice-quick-facts .fact-number{display:block;font-size:2rem;font-weight:bold;margin-bottom:0.5rem}.nice-quick-facts .fact-label{font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;opacity:0.8}.nice-article{background:white;padding:4rem 0}.nice-article .article-section h2{font-size:2.5rem;color:#00b4d8;margin-bottom:2rem;text-align:center;position:relative}.nice-article .article-section h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,#00b4d8 0%,#0077be 100%)}.nice-article .article-section h3{font-size:1.5rem;color:#0077be;margin:2rem 0 1rem 0}.nice-cta{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:3rem;border-radius:12px;margin-top:3rem}.nice-cta h3{color:#00b4d8;margin-bottom:1rem}.nice-cta p{margin-bottom:2rem;color:#666}@media (max-width:768px){.paris-hero{min-height:80vh}.paris-hero-title .title-main{font-size:3rem}.paris-hero-title .title-highlight{font-size:1.5rem}.paris-hero-subtitle{font-size:1rem}.paris-quick-facts{gap:2rem}.article-section h2{font-size:2rem}.secrets-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.paris-special-content{grid-template-columns:1fr;gap:2rem}.paris-special-text .section-title{font-size:2rem}.paris-illustration{width:250px;height:250px}.marseille-hero{min-height:80vh}.marseille-hero-title .title-main{font-size:3rem}.marseille-hero-title .title-highlight{font-size:1.5rem}.marseille-hero-subtitle{font-size:1rem}.marseille-quick-facts{gap:2rem}.marseille-sun{width:80px;height:80px}.lyon-hero{min-height:80vh}.lyon-hero-title .title-main{font-size:3rem}.lyon-hero-title .title-highlight{font-size:1.5rem}.lyon-hero-subtitle{font-size:1rem}.lyon-quick-facts{gap:2rem}.nice-hero{min-height:80vh}.nice-hero-title .title-main{font-size:3rem}.nice-hero-title .title-highlight{font-size:1.5rem}.nice-hero-subtitle{font-size:1rem}.nice-quick-facts{gap:2rem}.nice-sun{width:100px;height:100px}.toulouse-hero{min-height:80vh}.toulouse-hero-title .title-main{font-size:3rem}.toulouse-hero-title .title-highlight{font-size:1.5rem}.toulouse-hero-subtitle{font-size:1rem}.toulouse-quick-facts{gap:2rem}.toulouse-sun{width:100px;height:100px}.toulouse-hero-title .title-main{font-size:3rem}.toulouse-hero-title .title-highlight{font-size:1.5rem}.toulouse-hero-subtitle{font-size:1rem}.toulouse-quick-facts{gap:2rem}.nice-hero{min-height:80vh}.nice-hero-title .title-main{font-size:3rem}.nice-hero-title .title-highlight{font-size:1.5rem}.nice-hero-subtitle{font-size:1rem}.nice-quick-facts{gap:2rem}.nice-sun{width:100px;height:100px}}.title-main{font-size:3rem}.title-highlight{font-size:1.5rem}.paris-hero-subtitle{font-size:1rem}.paris-quick-facts{gap:2rem}.article-section h2{font-size:2rem}.secrets-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.paris-special-content{grid-template-columns:1fr;gap:2rem}.paris-special-text .section-title{font-size:2rem}.paris-illustration{width:250px;height:250px}.marseille-hero{min-height:80vh}.marseille-hero-title .title-main{font-size:3rem}.marseille-hero-title .title-highlight{font-size:1.5rem}.marseille-hero-subtitle{font-size:1rem}.marseille-quick-facts{gap:2rem}.marseille-sun{width:80px;height:80px}}.text-center{text-align:center}.nantes-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 80%,rgba(45,106,79,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(82,183,136,0.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(116,198,157,0.15) 0%,transparent 50%),linear-gradient(135deg,#0f3460 0%,#1e3a5f 20%,#2d6a4f 40%,#52b788 80%,#74c69d 100%);overflow:hidden;margin:0 -2rem;border-radius:0 0 80px 80px;box-shadow:inset 0 0 100px rgba(255,255,255,0.1),0 0 200px rgba(45,106,79,0.2)}.nantes-atmosphere{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.nantes-rivers{position:absolute;top:15%;left:-15%;width:130%;height:70%;background:radial-gradient(ellipse at 30% 50%,rgba(45,106,79,0.4) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(82,183,136,0.3) 0%,transparent 50%),linear-gradient(90deg,rgba(45,106,79,0.15) 0%,rgba(82,183,136,0.25) 50%,rgba(45,106,79,0.15) 100%);transform:rotate(-3deg);animation:flow 25s ease-in-out infinite;filter:blur(2px)}.nantes-lights{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 35%,rgba(255,255,255,0.15) 0%,transparent 40%),radial-gradient(circle at 75% 65%,rgba(255,255,255,0.12) 0%,transparent 45%),radial-gradient(circle at 50% 20%,rgba(116,198,157,0.08) 0%,transparent 35%);animation:shimmer 20s ease-in-out infinite;mix-blend-mode:screen}.nantes-hero-content{position:relative;z-index:2;text-align:center;color:white;max-width:1000px;padding:4rem;animation:fadeInUp 1.2s ease-out}.nantes-emblem{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:4rem;font-size:2.5rem;font-weight:bold;background:linear-gradient(135deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.05) 100%),rgba(255,255,255,0.1);padding:2rem 4rem;border-radius:150px;backdrop-filter:blur(30px);border:3px solid rgba(255,255,255,0.3);box-shadow:0 25px 50px rgba(0,0,0,0.3),inset 0 0 30px rgba(255,255,255,0.1),0 0 100px rgba(82,183,136,0.2);transform:translateY(0);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.nantes-emblem::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from transparent,rgba(255,255,255,0.1),transparent,rgba(255,255,255,0.05),transparent);animation:rotate 10s linear infinite}.nantes-emblem:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 40px 80px rgba(0,0,0,0.4),inset 0 0 40px rgba(255,255,255,0.15),0 0 150px rgba(82,183,136,0.3);border-color:rgba(255,255,255,0.5)}.nantes-emblem span:first-child{font-size:4rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.4));animation:pulse 3s ease-in-out infinite}.nantes-hero-title{font-size:5rem;font-weight:900;margin-bottom:2rem;line-height:0.9;text-shadow:0 6px 25px rgba(0,0,0,0.4),0 0 50px rgba(45,106,79,0.3)}.title-main{display:block;font-size:7rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff 0%,#f0fff4 30%,#e8f5e8 70%,#d4f1d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.5))drop-shadow(0 0 30px rgba(255,255,255,0.3));position:relative}.title-main::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:150px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);border-radius:2px}.title-highlight{display:block;font-size:3.2rem;font-weight:300;opacity:0.95;color:#b8e6b8;text-shadow:0 3px 15px rgba(0,0,0,0.4),0 0 25px rgba(116,198,157,0.3)}.nantes-hero-subtitle{font-size:1.5rem;line-height:1.8;margin-bottom:4rem;opacity:0.95;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400;letter-spacing:0.8px;text-shadow:0 3px 12px rgba(0,0,0,0.3),0 0 20px rgba(45,106,79,0.2);background:rgba(255,255,255,0.05);padding:2rem;border-radius:25px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.nantes-quick-facts{display:flex;justify-content:center;gap:3rem;margin-top:4rem;flex-wrap:wrap}.fact-item{text-align:center;background:linear-gradient(135deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.05) 100%),conic-gradient(from rgba(255,255,255,0.1) at 0deg,to rgba(255,255,255,0.1) at 360deg);padding:2.5rem 3rem;border-radius:30px;backdrop-filter:blur(25px);border:3px solid rgba(255,255,255,0.4);box-shadow:0 20px 50px rgba(0,0,0,0.3),inset 0 0 30px rgba(255,255,255,0.1),0 0 100px rgba(82,183,136,0.2);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;transform-style:preserve-3d}.fact-item::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,0.1) 25%,transparent 50%,rgba(255,255,255,0.1) 75%,transparent 100%);border-radius:32px;opacity:0;transition:opacity 0.5s ease;animation:borderRotate 8s linear infinite}.fact-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%,rgba(255,255,255,0.05) 100%);border-radius:27px;pointer-events:none}.fact-item:hover::before{opacity:1}.fact-item:hover{transform:translateY(-15px) scale(1.08) rotateX(5deg);box-shadow:0 35px 80px rgba(0,0,0,0.4),inset 0 0 50px rgba(255,255,255,0.2),0 0 150px rgba(82,183,136,0.3);border-color:rgba(255,255,255,0.6)}.fact-item .number{display:block;font-size:3.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff 0%,#f0fff4 30%,#e8f5e8 70%,#d4f1d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.4))drop-shadow(0 0 30px rgba(82,183,136,0.3));position:relative;animation:numberGlow 3s ease-in-out infinite alternate}.fact-item .label{font-size:1.2rem;opacity:0.95;text-transform:uppercase;letter-spacing:3px;font-weight:700;color:#f0fff4;text-shadow:0 2px 8px rgba(0,0,0,0.3);position:relative}.fact-item .label::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);border-radius:2px}.nantes-article{padding:8rem 0;background:radial-gradient(circle at 20% 20%,rgba(45,106,79,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(82,183,136,0.02) 0%,transparent 50%),linear-gradient(135deg,#f8faf9 0%,#ffffff 50%,#f0fdf4 100%);position:relative;overflow:hidden}.nantes-article::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#52b788 20%,#74c69d 50%,#52b788 80%,transparent 100%);box-shadow:0 2px 10px rgba(82,183,136,0.3)}.article-content{max-width:1000px;margin:0 auto;padding:0 4rem;position:relative}.article-section{margin-bottom:8rem;position:relative;background:linear-gradient(135deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 100%);padding:3rem;border-radius:30px;border:2px solid rgba(82,183,136,0.1);box-shadow:0 10px 40px rgba(0,0,0,0.05),inset 0 0 30px rgba(255,255,255,0.5);transition:all 0.4s ease}.article-section::after{content:'';position:absolute;bottom:-4rem;left:50%;transform:translateX(-50%);width:150px;height:3px;background:linear-gradient(90deg,transparent 0%,#52b788 20%,#74c69d 50%,#52b788 80%,transparent 100%);border-radius:2px;box-shadow:0 2px 10px rgba(82,183,136,0.3)}.article-section:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,0.08),inset 0 0 40px rgba(255,255,255,0.6);border-color:rgba(82,183,136,0.2)}.article-section h2{font-size:3.5rem;background:linear-gradient(135deg,#1e3a5f 0%,#2d6a4f 50%,#52b788 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3.5rem;text-align:center;font-weight:900;position:relative;padding-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(30,58,95,0.2))}.article-section h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#52b788 0%,#74c69d 50%,#52b788 100%);border-radius:3px;box-shadow:0 2px 10px rgba(82,183,136,0.4)}.article-section h3{font-size:2.2rem;color:#1e3a5f;margin:3.5rem 0 2rem 0;font-weight:800;position:relative;padding-left:3rem;background:linear-gradient(135deg,#1e3a5f 0%,#52b788 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-section h3::before{content:'◆';position:absolute;left:0;color:#52b788;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(82,183,136,0.3))}.article-intro{font-size:1.6rem;line-height:1.9;color:#1b4332;margin-bottom:3.5rem;text-align:center;font-style:italic;font-weight:300;background:linear-gradient(135deg,rgba(45,106,79,0.08) 0%,rgba(82,183,136,0.08) 100%),rgba(255,255,255,0.9);padding:3rem;border-radius:30px;border-left:5px solid #52b788;box-shadow:0 10px 30px rgba(45,106,79,0.1),inset 0 0 20px rgba(255,255,255,0.5);position:relative;overflow:hidden}.article-intro::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#52b788 50%,transparent 100%)}.article-section p{font-size:1.3rem;line-height:1.9;color:#374151;margin-bottom:2.5rem;text-align:justify;position:relative;padding-left:2rem;background:rgba(255,255,255,0.3);padding:1.5rem;border-radius:15px;border-left:3px solid rgba(82,183,136,0.3);transition:all 0.3s ease}.article-section p:hover{background:rgba(255,255,255,0.6);border-left-color:#52b788;transform:translateX(5px)}.article-section p::first-letter{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#52b788 0%,#74c69d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;float:left;line-height:1;margin-right:1rem;margin-top:-0.5rem;filter:drop-shadow(0 2px 4px rgba(82,183,136,0.3))}.article-quote{background:linear-gradient(135deg,#52b788 0%,#74c69d 100%);color:white;padding:3rem 2.5rem;border-radius:25px;margin:3rem 0;font-style:italic;font-size:1.3rem;text-align:center;border-left:5px solid #2d6a4f;position:relative;box-shadow:0 15px 35px rgba(45,106,79,0.2);overflow:hidden}.article-quote::before{content:'"';position:absolute;top:-20px;left:20px;font-size:8rem;opacity:0.1;font-family:Georgia,serif}.article-quote cite{display:block;margin-top:2rem;font-size:1.1rem;opacity:0.95;font-weight:600;font-style:normal;text-transform:uppercase;letter-spacing:2px}.secrets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:3rem;margin:5rem 0}.secret-card{background:linear-gradient(135deg,#ffffff 0%,#f8faf9 50%,#f0fdf4 100%),conic-gradient(from rgba(82,183,136,0.05) at 0deg,to rgba(116,198,157,0.05) at 360deg);padding:3rem;border-radius:35px;box-shadow:0 15px 40px rgba(45,106,79,0.15),inset 0 0 30px rgba(255,255,255,0.7),0 0 100px rgba(82,183,136,0.1);border:3px solid rgba(82,183,136,0.15);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;transform-style:preserve-3d}.secret-card::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,transparent 0%,rgba(82,183,136,0.1) 25%,transparent 50%,rgba(116,198,157,0.1) 75%,transparent 100%);border-radius:38px;opacity:0;transition:opacity 0.5s ease;z-index:-1}.secret-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(82,183,136,0.08) 50%,transparent 100%);transition:left 0.8s cubic-bezier(0.4,0,0.2,1)}.secret-card:hover::before{opacity:1}.secret-card:hover::after{left:100%}.secret-card:hover{transform:translateY(-15px) scale(1.03) rotateY(5deg);box-shadow:0 30px 80px rgba(45,106,79,0.25),inset 0 0 50px rgba(255,255,255,0.8),0 0 150px rgba(82,183,136,0.2);border-color:rgba(82,183,136,0.4)}.secret-card h3{background:linear-gradient(135deg,#1e3a5f 0%,#52b788 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;font-size:1.7rem;font-weight:800;position:relative;padding-bottom:1.5rem;filter:drop-shadow(0 2px 4px rgba(30,58,95,0.2))}.secret-card h3::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#52b788 0%,#74c69d 50%,#52b788 100%);border-radius:3px;box-shadow:0 2px 8px rgba(82,183,136,0.4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin:5rem 0}.stat-card{background:linear-gradient(135deg,#1e3a5f 0%,#2d6a4f 20%,#52b788 60%,#74c69d 100%),conic-gradient(from rgba(255,255,255,0.1) at 0deg,to rgba(255,255,255,0.05) at 360deg);color:white;padding:4rem 2.5rem;border-radius:40px;text-align:center;box-shadow:0 20px 60px rgba(45,106,79,0.4),inset 0 0 40px rgba(255,255,255,0.1),0 0 120px rgba(82,183,136,0.2);position:relative;overflow:hidden;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);transform-style:preserve-3d;border:3px solid rgba(255,255,255,0.2)}.stat-card::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 25%,transparent 50%,rgba(255,255,255,0.1) 75%,rgba(255,255,255,0.2) 100%);border-radius:43px;opacity:0;transition:opacity 0.5s ease;z-index:-1}.stat-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.15) 25%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.15) 75%,transparent 100%);transition:left 0.8s cubic-bezier(0.4,0,0.2,1)}.stat-card:hover::before{opacity:1}.stat-card:hover::after{left:100%}.stat-card:hover{transform:translateY(-20px) scale(1.05) rotateX(5deg);box-shadow:0 40px 100px rgba(45,106,79,0.5),inset 0 0 60px rgba(255,255,255,0.2),0 0 200px rgba(82,183,136,0.3);border-color:rgba(255,255,255,0.4)}.stat-number{display:block;font-size:4rem;font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff 0%,#f0fff4 30%,#e8f5e8 70%,#d4f1d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.4))drop-shadow(0 0 40px rgba(255,255,255,0.3));position:relative;animation:numberGlow 4s ease-in-out infinite alternate}.stat-label{display:block;font-size:1.4rem;margin-bottom:1rem;opacity:0.95;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 8px rgba(0,0,0,0.3);position:relative}.stat-label::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);border-radius:2px}.stat-detail{display:block;font-size:1.2rem;opacity:0.9;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,0.2)}.nantes-cta{background:linear-gradient(135deg,#52b788 0%,#74c69d 50%,#52b788 100%),conic-gradient(from rgba(255,255,255,0.1) at 0deg,to rgba(255,255,255,0.05) at 360deg);color:white;padding:5rem 4rem;border-radius:50px;text-align:center;margin-top:5rem;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(45,106,79,0.4),inset 0 0 50px rgba(255,255,255,0.1),0 0 200px rgba(82,183,136,0.2);border:3px solid rgba(255,255,255,0.2);transform-style:preserve-3d}.nantes-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3) 20%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.3) 80%,transparent 100%);box-shadow:0 2px 15px rgba(255,255,255,0.4)}.nantes-cta::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,0.05) 0%,transparent 70%);animation:ctaPulse 4s ease-in-out infinite}.nantes-cta h3{font-size:3rem;margin-bottom:2rem;font-weight:900;position:relative;text-shadow:0 4px 15px rgba(0,0,0,0.3);filter:drop-shadow(0 0 30px rgba(255,255,255,0.2))}.nantes-cta p{font-size:1.5rem;margin-bottom:2.5rem;opacity:0.95;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.cta-button{display:inline-block;background:linear-gradient(135deg,#ffffff 0%,#f0fff4 50%,#e8f5e8 100%),conic-gradient(from rgba(255,255,255,0.8) at 0deg,to rgba(255,255,255,0.6) at 360deg);color:#1e3a5f;padding:2rem 4rem;border-radius:60px;text-decoration:none;font-weight:800;margin-top:1.5rem;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);box-shadow:0 15px 35px rgba(0,0,0,0.15),inset 0 0 30px rgba(255,255,255,0.5),0 0 100px rgba(255,255,255,0.2);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:3px;font-size:1.1rem;border:2px solid rgba(255,255,255,0.3);transform-style:preserve-3d}.cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(45,106,79,0.15) 25%,rgba(45,106,79,0.2) 50%,rgba(45,106,79,0.15) 75%,transparent 100%);transition:left 0.8s cubic-bezier(0.4,0,0.2,1)}.cta-button::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.3) 100%);border-radius:62px;opacity:0;transition:opacity 0.5s ease}.cta-button:hover::before{left:100%}.cta-button:hover::after{opacity:1}.cta-button:hover{transform:translateY(-10px) scale(1.08) rotateX(5deg);box-shadow:0 30px 70px rgba(0,0,0,0.25),inset 0 0 50px rgba(255,255,255,0.7),0 0 150px rgba(255,255,255,0.3);color:#0f3460;border-color:rgba(255,255,255,0.5)}.nantes-cta h3{font-size:2rem;margin-bottom:1rem}.cta-button{display:inline-block;background:white;color:#2d6a4f;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:bold;margin-top:1rem;transition:transform 0.3s ease,box-shadow 0.3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(255,255,255,0.3)}@keyframes flow{0%,100%{transform:translateX(-15%) rotate(-3deg)}50%{transform:translateX(15%) rotate(-1deg)}}@keyframes shimmer{0%,100%{opacity:0.2}50%{opacity:0.7}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(80px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-30px) rotate(8deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.7}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes borderRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes numberGlow{0%{filter:drop-shadow(0 6px 12px rgba(0,0,0,0.4)) drop-shadow(0 0 30px rgba(82,183,136,0.3));transform:scale(1)}100%{filter:drop-shadow(0 8px 16px rgba(0,0,0,0.6)) drop-shadow(0 0 50px rgba(82,183,136,0.5));transform:scale(1.05)}}@keyframes ctaPulse{0%,100%{opacity:0.05;transform:scale(1)}50%{opacity:0.1;transform:scale(1.02)}}@keyframes premiumFloat{0%,100%{transform:translateY(0px) rotate(0deg)}25%{transform:translateY(-5px) rotate(1deg)}75%{transform:translateY(-3px) rotate(-1deg)}}@keyframes shimmerPremium{0%,100%{opacity:0.1;transform:translateX(-100%)}50%{opacity:0.3;transform:translateX(100%)}}.bordeaux-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#722f37 0%,#8b4513 50%,#a0522d 100%);overflow:hidden;margin:0 -2rem}.bordeaux-atmosphere{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.bordeaux-wine-river{position:absolute;top:30%;left:-5%;width:110%;height:40%;background:linear-gradient(90deg,rgba(114,47,55,0.2) 0%,rgba(139,69,19,0.3) 50%,rgba(114,47,55,0.2) 100%);transform:rotate(-1deg);animation:wineFlow 25s ease-in-out infinite}.bordeaux-sunset{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(255,200,150,0.2) 0%,transparent 60%);animation:sunsetGlow 20s ease-in-out infinite}.bordeaux-wine-glasses{position:absolute;bottom:10%;right:5%;width:150px;height:150px;background:radial-gradient(circle,rgba(160,82,45,0.3) 0%,transparent 70%);border-radius:50%;animation:glassesFloat 15s ease-in-out infinite}.hero-content-bordeaux{position:relative;z-index:2;text-align:center;color:white;max-width:800px;padding:2rem}.hero-text-bordeaux{margin-bottom:2rem}.hero-title-bordeaux{font-size:5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.hero-subtitle-bordeaux{font-size:2rem;font-weight:300;margin-bottom:2rem;opacity:0.9}.hero-description-bordeaux{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:0.95}.hero-stats-bordeaux{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.lille-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 50%,#a93226 100%);overflow:hidden;margin:0 -2rem}.lille-atmosphere{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.lille-textile-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 10px,transparent 10px,transparent 20px);animation:textileMove 30s linear infinite}.lille-nord-lights{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,0.08) 0%,transparent 40%);animation:nordLights 18s ease-in-out infinite}@keyframes wineFlow{0%,100%{transform:translateX(-5%) rotate(-1deg)}50%{transform:translateX(5%) rotate(0deg)}}@keyframes sunsetGlow{0%,100%{opacity:0.2;transform:scale(1)}50%{opacity:0.4;transform:scale(1.1)}}@keyframes glassesFloat{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes textileMove{0%{transform:translateX(0px)}100%{transform:translateX(40px)}}@keyframes nordLights{0%,100%{opacity:0.3}50%{opacity:0.6}}.city-focus-card.nimes-card{background:linear-gradient(135deg,#8b4513 0%,#cd853f 50%,#daa520 100%);border:2px solid #cd853f}.nimes-card .city-illustration.nimes-illustration{background:linear-gradient(135deg,#8b4513 0%,#cd853f 100%);position:relative;overflow:hidden}.nimes-card .city-illustration.nimes-illustration::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 10px,transparent 10px,transparent 20px);animation:romanMove 30s linear infinite}.nimes-roman-lights{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,0.08) 0%,transparent 40%);animation:romanLights 18s ease-in-out infinite}.city-focus-card.lemans-card{background:linear-gradient(135deg,#1e3a8a 0%,#f59e0b 50%,#dc2626 100%);border:2px solid #f59e0b}.lemans-card .city-illustration.lemans-illustration{background:linear-gradient(135deg,#1e3a8a 0%,#f59e0b 100%);position:relative;overflow:hidden}.lemans-card .city-illustration.lemans-illustration::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 10px,transparent 10px,transparent 20px);animation:racingMove 30s linear infinite}.lemans-racing-lights{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,0.08) 0%,transparent 40%);animation:racingLights 18s ease-in-out infinite}@keyframes romanMove{0%{transform:translateX(0px)}100%{transform:translateX(40px)}}@keyframes romanLights{0%,100%{opacity:0.3}50%{opacity:0.6}}@keyframes racingMove{0%{transform:translateX(0px)}100%{transform:translateX(40px)}}@keyframes racingLights{0%,100%{opacity:0.3}50%{opacity:0.6}50%{opacity:0.6}}@media (max-width:768px){.nantes-hero-title{font-size:3rem}.title-main{font-size:3.5rem}.title-highlight{font-size:2rem}.nantes-hero-subtitle{font-size:1.1rem}.nantes-quick-facts{flex-direction:column;gap:1rem}.hero-stats-bordeaux{flex-direction:column;gap:1rem}.secrets-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.article-content{padding:0 1rem}.hero-title-bordeaux{font-size:3rem}.hero-subtitle-bordeaux{font-size:1.5rem}}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.bordeaux-intro,.lille-intro{padding:6rem 0;position:relative;background:linear-gradient(135deg,#ffffff 0%,#f8faf9 100%);border-radius:30px;margin:3rem 0;box-shadow:0 20px 60px rgba(0,0,0,0.08);overflow:hidden}.bordeaux-intro::before,.lille-intro::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%)}.intro-content{max-width:900px;margin:0 auto;text-align:center;padding:0 3rem;position:relative;z-index:2}.intro-content h2{font-size:3.5rem;margin-bottom:2.5rem;color:#2d3748;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.intro-content h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:2px}.intro-content p{font-size:1.4rem;line-height:1.8;color:#4a5568;margin-bottom:2rem;font-weight:400;letter-spacing:0.5px}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.dijon-card{background:linear-gradient(135deg,#374151 0%,#6b7280 100%)}.dijon-illustration .city-industry-waves{position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(90deg,rgba(34,197,94,0.3) 0%,rgba(16,185,129,0.5) 50%,rgba(34,197,94,0.3) 100%);border-radius:0 0 20px 20px;animation:waves 4s ease-in-out infinite}.dijon-illustration .city-gastronomy-particles{position:absolute;top:20%;left:0;right:0;height:60%}.dijon-illustration .city-gastronomy-particles::before,.dijon-illustration .city-gastronomy-particles::after{content:'';position:absolute;background:#fbbf24;border-radius:50%;animation:float 3s ease-in-out infinite}.dijon-illustration .city-gastronomy-particles::before{top:20%;left:30%;width:8px;height:8px;animation-delay:0s}.dijon-illustration .city-gastronomy-particles::after{top:40%;right:25%;width:6px;height:6px;animation-delay:1s}.rennes-card{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%)}.rennes-illustration .city-celtic-pattern{position:absolute;top:0;left:0;right:0;height:40%;background:repeating-linear-gradient(45deg,rgba(255,255,255,0.1) 0px,rgba(255,255,255,0.1) 10px,rgba(59,130,246,0.1) 10px,rgba(59,130,246,0.1) 20px);animation:celtic-move 15s linear infinite}.rennes-illustration .city-tech-waves{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(90deg,rgba(96,165,250,0.3) 0%,rgba(59,130,246,0.4) 50%,rgba(96,165,250,0.3) 100%);border-radius:0 0 20px 20px;animation:tech-waves 6s ease-in-out infinite}@keyframes celtic-move{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(10px) translateY(-5px)}50%{transform:translateX(0) translateY(-10px)}75%{transform:translateX(-10px) translateY(-5px)}100%{transform:translateX(0) translateY(0)}}@keyframes tech-waves{0%,100%{transform:translateY(0) scaleY(1);opacity:0.3}50%{transform:translateY(-15px) scaleY(1.1);opacity:0.5}}.reims-card{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.reims-illustration .city-champagne-bubbles{position:absolute;top:0;left:0;right:0;height:40%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,0.4) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,0.3) 0%,transparent 40%);animation:bubbles-rise 8s ease-in-out infinite}.reims-illustration .city-gothic-arches{position:absolute;bottom:0;left:0;right:0;height:40%;background:repeating-linear-gradient(90deg,rgba(217,119,6,0.3) 0px,rgba(217,119,6,0.3) 20px,rgba(245,158,11,0.2) 20px,rgba(245,158,11,0.2) 40px);border-radius:0 0 20px 20px;clip-path:polygon(0 100%,0 50%,10% 30%,20% 45%,30% 25%,40% 40%,50% 20%,60% 35%,70% 15%,80% 30%,90% 10%,100% 25%,100% 100%);animation:gothic-pulse 6s ease-in-out infinite}@keyframes bubbles-rise{0%,100%{transform:translateY(0) scale(1);opacity:0.3}50%{transform:translateY(-15px) scale(1.1);opacity:0.5}}@keyframes gothic-pulse{0%,100%{transform:translateY(0) scaleY(1);opacity:0.3}50%{transform:translateY(-8px) scaleY(1.05);opacity:0.4}}.city-suggestions{padding:8rem 0;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,0.05) 0%,transparent 50%),linear-gradient(135deg,#f8faf9 0%,#ffffff 50%,#f0fdf4 100%);position:relative;overflow:hidden}.city-suggestions::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#667eea 20%,#764ba2 50%,#667eea 80%,transparent 100%);box-shadow:0 2px 10px rgba(102,126,234,0.3)}.suggestions-header{text-align:center;margin-bottom:5rem;position:relative}.suggestions-badge{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.8rem 2rem;border-radius:50px;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;box-shadow:0 10px 25px rgba(102,126,234,0.3);position:relative;overflow:hidden}.suggestions-badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease}.suggestions-badge:hover::before{left:100%}.suggestions-title{font-size:3.5rem;font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 8px rgba(102,126,234,0.2));position:relative}.suggestions-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:2px;box-shadow:0 2px 10px rgba(102,126,234,0.3)}.suggestions-subtitle{font-size:1.4rem;line-height:1.8;color:#4a5568;max-width:700px;margin:0 auto;font-weight:400;letter-spacing:0.5px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:4rem}.suggestion-card{background:linear-gradient(135deg,#ffffff 0%,#f8faf9 100%),conic-gradient(from rgba(102,126,234,0.05) at 0deg,to rgba(118,75,162,0.05) at 360deg);padding:2.5rem;border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,0.08),inset 0 0 30px rgba(255,255,255,0.5);border:2px solid rgba(102,126,234,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;transform-style:preserve-3d}.suggestion-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 0%,rgba(102,126,234,0.1) 25%,transparent 50%,rgba(118,75,162,0.1) 75%,transparent 100%);border-radius:27px;opacity:0;transition:opacity 0.5s ease;animation:borderRotate 10s linear infinite}.suggestion-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,0.02) 0%,transparent 50%,rgba(118,75,162,0.02) 100%);border-radius:23px;pointer-events:none}.suggestion-card:hover::before{opacity:1}.suggestion-card:hover{transform:translateY(-10px) scale(1.02) rotateY(5deg);box-shadow:0 25px 60px rgba(0,0,0,0.15),inset 0 0 50px rgba(255,255,255,0.7);border-color:rgba(102,126,234,0.3)}.suggestion-emoji{font-size:3rem;margin-bottom:1.5rem;text-align:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1));animation:float 4s ease-in-out infinite}.suggestion-content h3{font-size:1.8rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,126,234,0.2))}.suggestion-distance{font-size:1rem;color:#667eea;font-weight:600;margin-bottom:0.5rem;display:inline-block;background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);padding:0.3rem 0.8rem;border-radius:20px}.suggestion-content p{font-size:1.1rem;line-height:1.6;color:#4a5568;margin-bottom:2rem;font-weight:400}.suggestion-link{display:inline-flex;align-items:center;gap:0.8rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 20px rgba(102,126,234,0.3);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.suggestion-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease}.suggestion-link::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.3) 100%);border-radius:52px;opacity:0;transition:opacity 0.5s ease}.suggestion-link:hover::before{left:100%}.suggestion-link:hover::after{opacity:1}.suggestion-link:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px rgba(102,126,234,0.4);color:#ffffff}.suggestion-link svg{transition:transform 0.3s ease}.suggestion-link:hover svg{transform:translateX(3px)}.city-compass{position:relative;width:100%;max-width:42rem;height:42rem;margin:4rem auto;border-radius:50%;background:radial-gradient(circle at center,hsla(230,85%,60%,0.05) 0%,hsla(280,75%,55%,0.02) 30%,transparent 70%),radial-gradient(circle at 30% 30%,hsla(200,90%,70%,0.03) 0%,transparent 40%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:inset 0 0 60px rgba(255,255,255,0.1),0 20px 60px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.05);animation:compass-glow 8s ease-in-out infinite}@keyframes compass-glow{0%,100%{box-shadow:inset 0 0 60px rgba(255,255,255,0.1),0 20px 60px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.05);background-position:0% 0%}50%{box-shadow:inset 0 0 80px rgba(255,255,255,0.15),0 25px 70px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.1);background-position:100% 100%}}.compass-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;background:rgba(255,255,255,0.15);backdrop-filter:blur(20px);border-radius:50%;padding:2rem;width:12rem;height:12rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,0.3);box-shadow:inset 0 0 30px rgba(255,255,255,0.2),0 10px 30px rgba(0,0,0,0.2)}.compass-center-emoji{font-size:3.5rem;animation:compass-pulse 3s cubic-bezier(0.4,0,0.2,1) infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2))}.compass-city-name{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,hsl(230,85%,60%) 0%,hsl(280,75%,55%) 50%,hsl(330,70%,50%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:0.5rem;text-transform:uppercase;letter-spacing:1px;font-family:'Inter',system-ui,-apple-system,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,0.1)}@keyframes compass-pulse{0%,100%{transform:scale(1);opacity:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2))}50%{transform:scale(1.15);opacity:0.9;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.3))}}.compass-point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-n{transform:translate(-50%,-50%) translateY(-16.8rem)}.compass-ne{transform:translate(-50%,-50%) translate(11.9rem,-11.9rem)}.compass-e{transform:translate(-50%,-50%) translateX(16.8rem)}.compass-se{transform:translate(-50%,-50%) translate(11.9rem,11.9rem)}.compass-s{transform:translate(-50%,-50%) translateY(16.8rem)}.compass-so{transform:translate(-50%,-50%) translate(-11.9rem,11.9rem)}.compass-o{transform:translate(-50%,-50%) translateX(-16.8rem)}.compass-no{transform:translate(-50%,-50%) translate(-11.9rem,-11.9rem)}.compass-card{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);padding:1.5rem;border-radius:24px;box-shadow:0 15px 40px rgba(0,0,0,0.12),inset 0 0 40px rgba(255,255,255,0.6),0 0 0 1px rgba(255,255,255,0.3);border:2px solid rgba(255,255,255,0.4);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;min-width:140px;text-align:center;transform-style:preserve-3d;perspective:500px}.compass-card:hover{transform:scale(1.1) rotateY(5deg) rotateX(5deg);box-shadow:0 25px 60px rgba(0,0,0,0.2),inset 0 0 60px rgba(255,255,255,0.8),0 0 0 1px rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.7);z-index:20;backdrop-filter:blur(15px)}.compass-direction{display:inline-block;background:linear-gradient(135deg,hsl(230,85%,60%) 0%,hsl(280,75%,55%) 100%);color:white;padding:0.4rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:800;margin-bottom:0.75rem;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.compass-city{font-size:1.2rem;font-weight:800;color:#1a202c;margin-bottom:0.5rem;line-height:1.4;font-family:'Inter',system-ui,-apple-system,sans-serif}.compass-distance{font-size:1rem;color:hsl(230,85%,60%);font-weight:700;margin-bottom:0.75rem;background:rgba(102,126,234,0.1);padding:0.3rem 0.8rem;border-radius:12px;display:inline-block}.compass-link{display:inline-block;background:linear-gradient(135deg,hsl(230,85%,60%) 0%,hsl(280,75%,55%) 100%);color:white;width:40px;height:40px;border-radius:50%;line-height:40px;text-decoration:none;font-weight:800;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.compass-link:hover{transform:scale(1.25) rotate(15deg);box-shadow:0 10px 30px rgba(102,126,234,0.6)}.compass-n .compass-direction{background:linear-gradient(135deg,hsl(200,90%,50%) 0%,hsl(220,85%,60%) 100%)}.compass-ne .compass-direction{background:linear-gradient(135deg,hsl(160,80%,50%) 0%,hsl(180,75%,55%) 100%)}.compass-e .compass-direction{background:linear-gradient(135deg,hsl(120,85%,50%) 0%,hsl(140,80%,55%) 100%)}.compass-se .compass-direction{background:linear-gradient(135deg,hsl(80,85%,50%) 0%,hsl(100,80%,55%) 100%)}.compass-s .compass-direction{background:linear-gradient(135deg,hsl(40,90%,50%) 0%,hsl(60,85%,55%) 100%)}.compass-so .compass-direction{background:linear-gradient(135deg,hsl(0,85%,55%) 0%,hsl(20,90%,60%) 100%)}.compass-o .compass-direction{background:linear-gradient(135deg,hsl(320,75%,55%) 0%,hsl(340,80%,60%) 100%)}.compass-no .compass-direction{background:linear-gradient(135deg,hsl(260,80%,55%) 0%,hsl(280,75%,60%) 100%)}@media (max-width:768px){.suggestions-grid{grid-template-columns:1fr;gap:2rem}.suggestions-title{font-size:2.5rem}.suggestion-card{padding:2rem}.suggestion-emoji{font-size:2.5rem}.suggestion-content h3{font-size:1.5rem}.city-compass{width:100%;height:auto;min-height:31.25rem;margin:2.5rem auto;max-width:90vw}.compass-n{transform:translate(-50%,-50%) translateY(-11.2rem)}.compass-ne{transform:translate(-50%,-50%) translate(7.9rem,-7.9rem)}.compass-e{transform:translate(-50%,-50%) translateX(11.2rem)}.compass-se{transform:translate(-50%,-50%) translate(7.9rem,7.9rem)}.compass-s{transform:translate(-50%,-50%) translateY(11.2rem)}.compass-so{transform:translate(-50%,-50%) translate(-7.9rem,7.9rem)}.compass-o{transform:translate(-50%,-50%) translateX(-11.2rem)}.compass-no{transform:translate(-50%,-50%) translate(-7.9rem,-7.9rem)}.compass-center-emoji{font-size:2.5rem}.compass-city-name{font-size:1.2rem}.compass-card{padding:0.8rem;min-width:80px;backdrop-filter:blur(5px)}.compass-city{font-size:0.9rem}.compass-distance{font-size:0.8rem}.compass-link{width:28px;height:28px;line-height:28px}}@media (max-width:480px){.city-compass{min-height:25rem;margin:2rem auto;max-width:95vw}.compass-n{transform:translate(-50%,-50%) translateY(-8.7rem)}.compass-ne{transform:translate(-50%,-50%) translate(6.2rem,-6.2rem)}.compass-e{transform:translate(-50%,-50%) translateX(8.7rem)}.compass-se{transform:translate(-50%,-50%) translate(6.2rem,6.2rem)}.compass-s{transform:translate(-50%,-50%) translateY(8.7rem)}.compass-so{transform:translate(-50%,-50%) translate(-6.2rem,6.2rem)}.compass-o{transform:translate(-50%,-50%) translateX(-8.7rem)}.compass-no{transform:translate(-50%,-50%) translate(-6.2rem,-6.2rem)}.compass-center-emoji{font-size:2rem}.compass-city-name{font-size:1rem}.compass-card{padding:0.6rem;min-width:70px;backdrop-filter:blur(3px)}.compass-city{font-size:0.8rem}.compass-distance{font-size:0.75rem}.compass-link{width:24px;height:24px;line-height:24px}}.lehavre-card{background:linear-gradient(135deg,#0f766e 0%,#14b8a6 100%)}.lehavre-illustration .city-ocean-waves{position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(90deg,rgba(94,234,212,0.4) 0%,rgba(20,184,166,0.5) 50%,rgba(94,234,212,0.4) 100%);border-radius:0 0 20px 20px;animation:ocean-waves 8s ease-in-out infinite}.lehavre-illustration .city-modern-structures{position:absolute;top:20%;left:0;right:0;height:35%;background:repeating-linear-gradient(90deg,rgba(15,118,110,0.3) 0px,rgba(15,118,110,0.3) 30px,rgba(5,150,105,0.2) 30px,rgba(5,150,105,0.2) 60px);clip-path:polygon(0 100%,0 40%,10% 20%,20% 35%,30% 15%,40% 30%,50% 10%,60% 25%,70% 5%,80% 20%,90% 0%,100% 15%,100% 100%);animation:modern-pulse 6s ease-in-out infinite}@keyframes ocean-waves{0%,100%{transform:translateY(0) scaleY(1);opacity:0.4}50%{transform:translateY(-12px) scaleY(1.1);opacity:0.6}}@keyframes modern-pulse{0%,100%{transform:translateY(0) scaleY(1);opacity:0.3}50%{transform:translateY(-8px) scaleY(1.05);opacity:0.4}}.saintetienne-card{background:linear-gradient(135deg,#059669 0%,#10b981 100%)}.saintetienne-illustration .city-design-pattern{position:absolute;top:0;left:0;right:0;height:40%;background:repeating-linear-gradient(45deg,rgba(52,211,153,0.2) 0px,rgba(52,211,153,0.2) 15px,rgba(16,185,129,0.1) 15px,rgba(16,185,129,0.1) 30px);animation:design-move 12s linear infinite}.saintetienne-illustration .city-football-waves{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(90deg,rgba(52,211,153,0.3) 0%,rgba(16,185,129,0.4) 50%,rgba(52,211,153,0.3) 100%);border-radius:0 0 20px 20px;animation:football-waves 7s ease-in-out infinite}@keyframes design-move{0%{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(10px) translateY(-5px) rotate(1deg)}50%{transform:translateX(0) translateY(-10px) rotate(0deg)}75%{transform:translateX(-10px) translateY(-5px) rotate(-1deg)}100%{transform:translateX(0) translateY(0) rotate(0deg)}}@keyframes football-waves{0%,100%{transform:translateY(0) scaleY(1);opacity:0.3}50%{transform:translateY(-12px) scaleY(1.1);opacity:0.5}}.grenoble-card{background:linear-gradient(135deg,#059669 0%,#6366f1 100%)}.grenoble-illustration .city-alpine-peaks{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(135deg,rgba(99,102,241,0.3) 0%,rgba(139,92,246,0.2) 50%,rgba(99,102,241,0.3) 100%);clip-path:polygon(0 100%,0 25%,8% 10%,16% 20%,24% 5%,32% 15%,40% 5%,48% 15%,56% 0%,64% 10%,72% 5%,80% 15%,88% 5%,96% 10%,100% 0%,100% 100%);animation:alpine-move 15s ease-in-out infinite}.grenoble-illustration .city-tech-waves{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(90deg,rgba(16,185,129,0.3) 0%,rgba(5,150,105,0.4) 50%,rgba(16,185,129,0.3) 100%);border-radius:0 0 20px 20px;animation:tech-waves 8s ease-in-out infinite}@keyframes alpine-move{0%,100%{transform:translateY(0) scaleY(1);opacity:0.3}50%{transform:translateY(-15px) scaleY(1.05);opacity:0.4}}@keyframes tech-waves{0%,100%{transform:translateY(0) scaleY(1);opacity:0.3}50%{transform:translateY(-12px) scaleY(1.1);opacity:0.5}}.villeurbanne-card{background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%)}.villeurbanne-illustration .city-urban-pattern{position:absolute;top:0;left:0;right:0;height:40%;background:repeating-linear-gradient(90deg,rgba(124,58,237,0.2) 0px,rgba(124,58,237,0.2) 25px,rgba(167,139,250,0.1) 25px,rgba(167,139,250,0.1) 50px);animation:urban-move 12s linear infinite}.villeurbanne-illustration .city-cultural-waves{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(90deg,rgba(196,181,253,0.3) 0%,rgba(167,139,250,0.4) 50%,rgba(196,181,253,0.3) 100%);border-radius:0 0 20px 20px;animation:cultural-waves 8s ease-in-out infinite}@keyframes urban-move{0%{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(10px) translateY(-5px) rotate(1deg)}50%{transform:translateX(0) translateY(-10px) rotate(0deg)}75%{transform:translateX(-10px) translateY(-5px) rotate(-1deg)}100%{transform:translateX(0) translateY(0) rotate(0deg)}}@keyframes cultural-waves{0%,100%{transform:translateY(0) scaleY(1);opacity:0.3}50%{transform:translateY(-12px) scaleY(1.1);opacity:0.5}}.aixenprovence-card{background:linear-gradient(135deg,#0891b2 0%,#06b6d4 50%,#0ea5e9 100%)}.aixenprovence-illustration .city-fountains{position:absolute;top:0;left:0;right:0;height:40%;background:radial-gradient(circle at 30% 50%,rgba(14,165,233,0.4) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(14,165,233,0.3) 0%,transparent 40%),radial-gradient(circle at 50% 70%,rgba(14,165,233,0.35) 0%,transparent 45%);animation:fountains-flow 10s ease-in-out infinite}.aixenprovence-illustration .city-provence-pattern{position:absolute;top:30%;left:0;right:0;height:35%;background:repeating-linear-gradient(90deg,rgba(251,191,36,0.2) 0px,rgba(251,191,36,0.2) 30px,rgba(244,114,182,0.1) 30px,rgba(244,114,182,0.1) 60px);clip-path:polygon(0 100%,0 40%,10% 20%,20% 35%,30% 15%,40% 30%,50% 10%,60% 25%,70% 5%,80% 20%,90% 0%,100% 15%,100% 100%);animation:provence-move 12s ease-in-out infinite}@keyframes fountains-flow{0%,100%{transform:translateY(0) scale(1);opacity:0.4}25%{transform:translateY(-20px) scale(1.1);opacity:0.5}50%{transform:translateY(-30px) scale(1.2);opacity:0.6}75%{transform:translateY(-20px) scale(1.1);opacity:0.5}}@keyframes provence-move{0%,100%{transform:translateX(0) translateY(0);opacity:0.2}50%{transform:translateX(15px) translateY(-10px);opacity:0.3}}:root{--city-primary:#2c3e50;--city-secondary:#e67e22;--city-accent:#3498db;--city-warm:#e74c3c;--city-green:#27ae60;--city-gold:#f39c12;--city-brown:#8b6f47;--city-cream:#fef5e7;--city-gray:#95a5a6;--text-dark:#2c3e50;--text-light:#7f8c8d;--bg-warm:#fdf6e3;--bg-cream:#faf3e0;--shadow-warm:0 10px 30px rgba(44,62,80,0.1);--shadow-deep:0 20px 60px rgba(44,62,80,0.15)}.hero-city{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-warm) 0%,var(--bg-cream) 100%);overflow:hidden}.hero-atmosphere{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.city-sounds{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(230,126,34,0.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(52,152,219,0.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(39,174,96,0.05) 0%,transparent 50%);animation:city-life 20s ease-in-out infinite}@keyframes city-life{0%,100%{opacity:0.3;transform:scale(1)}33%{opacity:0.5;transform:scale(1.05)}66%{opacity:0.4;transform:scale(1.02)}}.city-lights{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 15% 25%,rgba(243,156,18,0.2) 2px,transparent 2px),radial-gradient(circle at 85% 35%,rgba(231,76,60,0.2) 1px,transparent 1px),radial-gradient(circle at 45% 65%,rgba(46,204,113,0.2) 1.5px,transparent 1.5px),radial-gradient(circle at 75% 85%,rgba(52,152,219,0.2) 1px,transparent 1px);animation:lights-twinkle 8s ease-in-out infinite}@keyframes lights-twinkle{0%,100%{opacity:0.3}50%{opacity:0.7}}.hero-content-city{position:relative;z-index:10;text-align:center;max-width:900px;padding:0 20px;animation:city-entrance 1.2s ease-out}@keyframes city-entrance{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}.city-emblem{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border:2px solid var(--city-brown);border-radius:50px;padding:12px 24px;color:var(--city-primary);font-size:0.95rem;font-weight:600;margin-bottom:2rem;box-shadow:var(--shadow-warm)}.hero-title-city{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-dark)}.title-main{display:block;color:var(--city-primary);margin-bottom:0.5rem}.title-highlight{display:block;color:var(--city-secondary);position:relative}.title-highlight::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--city-secondary);border-radius:2px}.hero-story-city{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.7;color:var(--text-light);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400}.hero-search-city{position:relative;max-width:600px;margin:0 auto 3rem}.search-container-city{display:flex;background:rgba(255,255,255,0.9);backdrop-filter:blur(15px);border:2px solid var(--city-brown);border-radius:15px;padding:8px;box-shadow:var(--shadow-deep);transition:all 0.3s ease}.search-container-city:focus-within{border-color:var(--city-secondary);box-shadow:0 15px 40px rgba(230,126,34,0.2);transform:translateY(-2px)}.search-input-city{flex:1;background:transparent;border:none;padding:18px 24px;font-size:1.1rem;color:var(--text-dark);outline:none;font-weight:400}.search-input-city::placeholder{color:var(--text-light);font-style:italic}.search-button-city{display:flex;align-items:center;gap:10px;background:var(--city-secondary);color:white;border:none;border-radius:12px;padding:18px 28px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.search-button-city:hover{background:var(--city-warm);transform:scale(1.02)}.city-voices{display:flex;flex-direction:column;gap:1rem;max-width:700px;margin:0 auto}.voice-item{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);padding:16px 20px;border-radius:12px;border-left:4px solid var(--city-accent);animation:voice-slide 0.8s ease-out forwards;opacity:0}.voice-item:nth-child(1){animation-delay:0.2s;border-left-color:var(--city-warm)}.voice-item:nth-child(2){animation-delay:0.4s;border-left-color:var(--city-green)}.voice-item:nth-child(3){animation-delay:0.6s;border-left-color:var(--city-secondary)}@keyframes voice-slide{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}.voice-icon{font-size:1.5rem;flex-shrink:0}.voice-text{color:var(--text-dark);font-style:italic;font-weight:500;font-size:0.95rem}.scroll-to-city{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:10;animation:scroll-bounce 2s infinite}@keyframes scroll-bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.scroll-indicator-city{display:flex;flex-direction:column;align-items:center;gap:0.8rem;color:var(--text-light);font-size:0.9rem;font-weight:500}.scroll-path{width:2px;height:30px;background:linear-gradient(to bottom,var(--city-secondary),transparent);border-radius:2px}.vie-city{padding:6rem 0;background:white;position:relative}.vie-city::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--city-brown),transparent)}.section-header-city{text-align:center;margin-bottom:4rem}.section-emblem{display:inline-flex;align-items:center;gap:10px;background:var(--city-cream);color:var(--city-primary);padding:8px 20px;border-radius:50px;font-size:0.85rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--city-brown)}.section-title-city{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text-dark);margin-bottom:1.5rem;line-height:1.2}.section-story-city{font-size:1.2rem;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}.city-stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.city-story{background:var(--bg-cream);border-radius:20px;padding:2rem;box-shadow:var(--shadow-warm);border:1px solid rgba(139,111,71,0.2);transition:all 0.4s ease;opacity:0;animation:story-entrance 0.8s ease-out forwards}@keyframes story-entrance{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.city-story:hover{transform:translateY(-5px);box-shadow:var(--shadow-deep);border-color:var(--city-secondary)}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(139,111,71,0.2)}.story-location h3{font-size:1.5rem;font-weight:700;color:var(--city-primary);margin-bottom:0.3rem}.story-city{color:var(--text-light);font-size:0.9rem;font-weight:500}.story-atmosphere{display:flex;align-items:center;gap:8px;background:rgba(230,126,34,0.1);padding:6px 12px;border-radius:20px}.atmosphere-icon{font-size:1.1rem}.atmosphere-text{color:var(--city-secondary);font-size:0.85rem;font-weight:600;font-style:italic}.story-content{margin-bottom:1.5rem}.story-moment,.story-secret{margin-bottom:1.2rem}.story-moment h4,.story-secret h4{font-size:1rem;font-weight:600;color:var(--city-primary);margin-bottom:0.5rem}.story-moment p,.story-secret p{color:var(--text-light);font-size:0.95rem;line-height:1.5;font-style:italic}.story-vibes{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}.vibe-tag{background:rgba(52,152,219,0.1);color:var(--city-accent);padding:4px 12px;border-radius:20px;font-size:0.8rem;font-weight:500;border:1px solid rgba(52,152,219,0.2)}.story-voices blockquote{background:rgba(255,255,255,0.7);border-left:4px solid var(--city-warm);padding:1rem;margin:0;font-style:italic;color:var(--text-dark);font-size:0.9rem;line-height:1.5}.story-voices cite{display:block;margin-top:0.5rem;font-size:0.8rem;color:var(--text-light);font-style:normal;font-weight:500}.story-explore{text-align:center}.explore-quartier{display:inline-flex;align-items:center;gap:10px;background:var(--city-primary);color:white;text-decoration:none;padding:12px 24px;border-radius:25px;font-weight:600;transition:all 0.3s ease}.explore-quartier:hover{background:var(--city-secondary);transform:translateY(-2px);gap:15px}.experiences-locales{padding:6rem 0;background:var(--bg-warm)}.experiences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.experience-card{background:white;border-radius:20px;padding:2rem;text-align:center;box-shadow:var(--shadow-warm);border:1px solid rgba(139,111,71,0.2);transition:all 0.4s ease;position:relative;overflow:hidden}.experience-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--city-secondary);transform:scaleX(0);transition:transform 0.3s ease}.experience-card:hover::before{transform:scaleX(1)}.experience-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-deep)}.experience-icon{font-size:3rem;margin-bottom:1rem;display:block}.experience-card h3{font-size:1.3rem;font-weight:700;color:var(--city-primary);margin-bottom:1rem}.experience-card p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem;font-size:0.95rem}.experience-detail{display:flex;flex-direction:column;gap:0.5rem;padding:1rem;background:var(--bg-cream);border-radius:12px;font-size:0.85rem;color:var(--text-dark)}.experience-detail span{display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width:768px){.hero-title-city{font-size:clamp(2rem,8vw,3rem)}.hero-story-city{font-size:1.1rem;padding:0 10px}.city-voices{padding:0 10px}.voice-item{flex-direction:column;text-align:center;gap:10px}.city-stories{grid-template-columns:1fr;gap:2rem;padding:0 15px}.story-header{flex-direction:column;gap:1rem;align-items:flex-start}.experiences-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 15px}.search-container-city{flex-direction:column;gap:1rem;padding:1rem}.search-button-city{width:100%;justify-content:center}}@media (max-width:480px){.hero-city{min-height:90vh;padding:2rem 0}.city-emblem{font-size:0.85rem;padding:8px 16px}.hero-title-city{font-size:clamp(1.8rem,10vw,2.5rem)}.hero-story-city{font-size:1rem}.city-story{padding:1.5rem}.experience-card{padding:1.5rem}.experience-icon{font-size:2.5rem}}.search-suggestions-city{position:absolute;top:calc(100% + 10px);left:0;right:0;background:white;border:2px solid var(--city-brown);border-radius:15px;box-shadow:var(--shadow-deep);max-height:400px;overflow-y:auto;z-index:1000;display:none}.suggestion-item-city{display:flex;align-items:center;gap:15px;padding:16px 20px;cursor:pointer;transition:all 0.2s ease;border-bottom:1px solid rgba(139,111,71,0.1)}.suggestion-item-city:hover{background:var(--bg-cream)}.suggestion-item-city:last-child{border-bottom:none}.suggestion-icon-city{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--city-cream);color:var(--city-primary);border-radius:50%;flex-shrink:0}.suggestion-content-city{flex:1}.suggestion-name-city{font-weight:600;color:var(--text-dark);margin-bottom:4px}.suggestion-path-city{font-size:0.85rem;color:var(--text-light)}@media (max-width:1200px){.container{max-width:960px}.hero-content{max-width:800px}.featured-grid-modern{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:992px){.container{max-width:720px}.hero-title{font-size:clamp(2.5rem,7vw,4rem)}.section-title{font-size:clamp(1.8rem,4vw,2.5rem)}.hero-stats{gap:2rem}.stat-number{font-size:2.2rem}.destinations-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.hero-modern{min-height:90vh;padding:2rem 0}.hero-content{padding:0 15px}.hero-badge{font-size:0.8rem;padding:6px 16px;margin-bottom:1.5rem}.hero-title{font-size:clamp(2.2rem,8vw,3.5rem);line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-search-modern{margin-bottom:2rem}.search-container-modern{flex-direction:column;gap:12px;padding:12px;border-radius:20px}.search-input-modern{padding:14px 20px;font-size:1rem;text-align:center}.search-button-modern{padding:14px 24px;font-size:0.95rem;justify-content:center}.hero-stats{gap:1.5rem;flex-wrap:wrap}.stat-item{flex:1;min-width:80px}.stat-number{font-size:1.8rem}.stat-label{font-size:0.75rem}.featured-modern,.destinations-modern,.how-it-works-modern,.cta-modern{padding:4rem 0}.section-header{margin-bottom:2.5rem;padding:0 15px}.section-badge{font-size:0.75rem;padding:4px 12px}.section-subtitle{font-size:1rem;padding:0 20px}.featured-grid-modern{grid-template-columns:1fr;gap:1.5rem;padding:0 15px}.featured-card-modern{border-radius:16px}.card-image{height:160px}.card-content{padding:1.5rem}.card-title a{font-size:1.3rem}.destinations-grid-modern{grid-template-columns:1fr;gap:1.5rem;padding:0 15px}.destination-card-modern{height:300px;border-radius:16px}.destination-overlay{padding:1.5rem}.destination-overlay h3{font-size:2rem;margin-bottom:0.8rem}.destination-overlay p{font-size:1rem;margin-bottom:1.5rem}.destination-link{padding:10px 20px;font-size:0.9rem}.steps-timeline{padding:0 15px;gap:1.5rem}.step-modern{flex-direction:column;text-align:center;padding:1.5rem;border-radius:16px}.step-icon{width:60px;height:60px;margin-bottom:1rem}.step-icon svg{width:24px;height:24px}.step-content h3{font-size:1.3rem;margin-bottom:0.5rem}.step-content p{font-size:0.95rem}.step-connector{display:none}.cta-content{padding:0 15px}.cta-content h2{font-size:clamp(1.8rem,6vw,2.5rem);margin-bottom:1rem}.cta-content p{font-size:1rem;margin-bottom:2rem}.cta-buttons{flex-direction:column;align-items:center;gap:1rem}.cta-primary,.cta-secondary{width:100%;max-width:280px;padding:14px 24px;font-size:1rem;text-align:center}}@media (max-width:576px){.hero-modern{min-height:85vh}.hero-title{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{font-size:0.95rem;padding:0 10px}.search-input-modern::placeholder{font-size:0.9rem}.hero-stats{gap:1rem}.stat-number{font-size:1.6rem}.stat-label{font-size:0.7rem}.featured-modern,.destinations-modern,.how-it-works-modern,.cta-modern{padding:3rem 0}.card-image{height:140px}.card-content{padding:1.2rem}.card-title a{font-size:1.2rem}.destination-card-modern{height:250px}.destination-overlay h3{font-size:1.8rem}.destination-overlay p{font-size:0.9rem}.step-modern{padding:1.2rem}.step-icon{width:50px;height:50px}.step-icon svg{width:20px;height:20px}.step-content h3{font-size:1.2rem}.step-content p{font-size:0.9rem}.cta-primary,.cta-secondary{max-width:250px;padding:12px 20px;font-size:0.95rem}}@media (max-width:480px){.container{padding:0 10px}.hero-content{padding:0 10px}.hero-badge{font-size:0.75rem;padding:4px 12px}.hero-title{font-size:clamp(1.8rem,12vw,2.5rem)}.hero-subtitle{font-size:0.9rem;line-height:1.5}.search-container-modern{padding:10px;border-radius:16px}.search-input-modern{padding:12px 16px;font-size:0.95rem}.search-button-modern{padding:12px 20px;font-size:0.9rem}.hero-stats{gap:0.8rem}.stat-number{font-size:1.4rem}.stat-label{font-size:0.65rem}.section-header{padding:0 10px;margin-bottom:2rem}.section-subtitle{padding:0 10px;font-size:0.95rem}.featured-grid-modern,.destinations-grid-modern,.steps-timeline{padding:0 10px;gap:1.2rem}.featured-card-modern,.destination-card-modern,.step-modern{border-radius:12px}.card-image{height:120px}.card-content{padding:1rem}.card-title a{font-size:1.1rem}.destination-card-modern{height:220px}.destination-overlay{padding:1rem}.destination-overlay h3{font-size:1.6rem}.destination-overlay p{font-size:0.85rem}.destination-link{padding:8px 16px;font-size:0.85rem}.step-modern{padding:1rem}.step-icon{width:45px;height:45px}.step-icon svg{width:18px;height:18px}.step-content h3{font-size:1.1rem}.step-content p{font-size:0.85rem}.cta-content{padding:0 10px}.cta-content h2{font-size:clamp(1.6rem,8vw,2rem)}.cta-content p{font-size:0.9rem}.cta-primary,.cta-secondary{max-width:220px;padding:10px 18px;font-size:0.9rem}}@media (hover:none) and (pointer:coarse){.search-button-modern,.cta-primary,.cta-secondary,.destination-link,.card-link{min-height:44px;min-width:44px}.featured-card-modern,.destination-card-modern,.step-modern{cursor:pointer}.hero-particles,.hero-gradient{animation:none}.featured-card-modern,.destination-card-modern,.step-modern{transition:none}.featured-card-modern:hover,.destination-card-modern:hover,.step-modern:hover{transform:none;box-shadow:var(--card-shadow)}}@media (prefers-reduced-motion:reduce){.hero-particles,.hero-gradient,.featured-card-modern,.destination-card-modern,.step-modern,.cta-primary,.cta-secondary{animation:none;transition:none}}@media (max-width:768px) and (orientation:landscape){.hero-modern{min-height:100vh}.hero-content{padding-top:2rem}.hero-stats{margin-bottom:1rem}.featured-modern,.destinations-modern,.how-it-works-modern,.cta-modern{padding:2rem 0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-particles{background-size:100px 100px}}@media (prefers-color-scheme:dark){}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem;padding:1rem 15px}.nav-menu{flex-direction:column;gap:1rem;width:100%}.search-container input{width:100%;max-width:none}.language-selector{width:100%}.language-selector select{width:100%}}@media (max-width:768px){.hero{padding:2rem 15px}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-search{flex-direction:column;gap:1rem;max-width:none}.hero-search input,.hero-search button{width:100%}}@media (max-width:768px){.district-hero{padding:2rem 15px}.district-hero h1{font-size:1.8rem}.hero-subtitle{font-size:1rem}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:0.8rem}}@media (max-width:768px){.vibe-tags-large{flex-direction:column;align-items:center;gap:0.5rem}.vibe-tag-large{font-size:1rem;padding:0.5rem 1rem}.target-audience-large{font-size:1rem}}@media (max-width:768px){.real-talk-grid{grid-template-columns:1fr;gap:1rem}.real-talk-item{padding:1.5rem}}@media (max-width:768px){.gems-grid{grid-template-columns:1fr;gap:1.5rem}.gem-card{padding:1.5rem}}@media (max-width:768px){.pros-cons-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.cta-grid{grid-template-columns:1fr;gap:1.5rem}.cta-card{padding:1.5rem}}@media (max-width:768px){.similar-grid{grid-template-columns:1fr;gap:1rem}.similar-card{padding:1rem}}@media (max-width:768px){.featured-grid{grid-template-columns:1fr;gap:1.5rem}.featured-card{padding:1rem}}@media (max-width:768px){.content-section{padding:2rem 15px}.content-section h2{font-size:1.5rem;margin-bottom:1.5rem}.featured-section{padding:2rem 15px}.featured-section h2{font-size:1.5rem;margin-bottom:2rem}.similar-section{padding:2rem 15px}.similar-section h2{font-size:1.5rem;margin-bottom:2rem}.cta-section{padding:2rem 15px}.quick-stats{padding:1.5rem 15px}}@media (max-width:768px){.footer-container{grid-template-columns:1fr;gap:1.5rem;padding:0 15px}.footer-bottom{padding:1.5rem 15px 0}}@media (max-width:768px){.breadcrumb{padding:1rem 15px}.breadcrumb ol{font-size:0.8rem;flex-wrap:wrap}}@media (max-width:768px){.error-container{padding:1rem 15px}.error-code{font-size:4rem}.error-title{font-size:1.5rem}.error-actions{width:100%}.search-box{max-width:none}}@media (max-width:768px){.search-suggestions{position:fixed;top:50%;left:15px;right:15px;transform:translateY(-50%);max-height:50vh;border-radius:8px}}@media (max-width:768px){.container{padding:0 15px}}@media (max-width:768px){.nav-menu a,.explore-btn,.cta-btn,.btn-primary,.btn-secondary{padding:1rem;min-height:44px;display:flex;align-items:center;justify-content:center}.search-container input,.hero-search input,.search-box input{min-height:44px;font-size:16px}.language-selector select{min-height:44px;font-size:16px}}@media (max-width:768px){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}html{scroll-behavior:auto}}@media (prefers-contrast:high){.hero{background:#000;color:#fff}.district-hero{background:#000;color:#fff}.vibe-tag,.vibe-tag-large{background:#000;color:#fff;border:2px solid #fff}.gem-tip{background:#000;border-left:4px solid #fff;color:#fff}}.footer{background-color:#0f172a;color:#e2e8f0;padding:4rem 0 2rem;font-size:0.95rem;border-top:1px solid #1e293b}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:3rem}@media (max-width:992px){.footer-container{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:576px){.footer-container{grid-template-columns:1fr;text-align:center}}.footer-col h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;position:relative;display:inline-block}.footer-logo{display:inline-flex;align-items:center;gap:0.75rem;text-decoration:none;margin-bottom:1rem}.logo-icon{width:32px;height:32px}.logo-text{font-size:1.5rem;font-weight:700;color:#fff}.footer-desc{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem;max-width:300px}@media (max-width:576px){.footer-desc{margin:0 auto 1.5rem}.footer-logo{justify-content:center}}.social-links{display:flex;gap:1rem}@media (max-width:576px){.social-links{justify-content:center}}.social-links a{color:#94a3b8;background:rgba(255,255,255,0.05);padding:0.5rem;border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.social-links a:hover{color:#fff;background:#3b82f6;transform:translateY(-2px)}.w-5{width:1.25rem}.h-5{height:1.25rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:0.75rem}.footer-col ul a{color:#cbd5e1;text-decoration:none;transition:color 0.2s ease;display:inline-block}.footer-col ul a:hover{color:#3b82f6;transform:translateX(4px)}.newsletter-form{display:flex;flex-direction:column;gap:0.75rem;margin-top:1rem}.newsletter-form input{padding:0.75rem 1rem;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#fff;font-size:0.9rem;outline:none;transition:border-color 0.3s}.newsletter-form input:focus{border-color:#3b82f6}.newsletter-form button{padding:0.75rem 1rem;background:#3b82f6;color:white;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background 0.3s}.newsletter-form button:hover{background:#2563eb}.footer-bottom{margin-top:4rem;padding-top:2rem;border-top:1px solid #1e293b;text-align:center;color:#64748b;font-size:0.85rem}