.city-hero{background:linear-gradient(135deg,#ff1744,#ff4081);color:#fff;padding:5rem 2rem 3rem;text-align:center}.city-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:900}.city-meta{font-size:1.2rem;opacity:.95;max-width:800px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.city-content{padding:4rem 0}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.main-content{max-width:800px}.intro-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:2rem;border-radius:15px;margin-bottom:2rem;border-left:5px solid var(--primary)}.intro-text{font-size:1.15rem;line-height:1.8;color:var(--text-dark);margin:0}.main-content h2{font-size:2rem;margin:2.5rem 0 1rem;color:var(--primary);font-weight:800}.main-content h3{font-size:1.5rem;margin:1.5rem 0 1rem;color:var(--text-dark);font-weight:700}.main-content p{line-height:1.8;margin-bottom:1.5rem;color:var(--text-dark);font-size:1.05rem}.area-section{background:var(--bg-gray);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid var(--primary)}.area-section h3{color:var(--primary);margin-top:0}.vibe{font-style:italic;color:var(--text-light)}.tips-list{list-style:none;padding:0}.tips-list li{background:#fff;padding:1rem 1.5rem;margin-bottom:1rem;border-radius:8px;border-left:4px solid var(--primary);box-shadow:var(--shadow)}.pro-tips-box{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:2rem;border-radius:15px;border-left:5px solid #4CAF50;margin:2rem 0}.pro-tips-box p{margin:0;font-size:1.05rem;line-height:1.8}.slang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.slang-item{background:#fff;padding:1rem;border-radius:8px;box-shadow:var(--shadow);text-align:center;font-weight:600}.cta-box{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:2.5rem;border-radius:15px;text-align:center;margin-top:3rem}.cta-box h3{color:#fff;font-size:2rem;margin-bottom:1rem}.cta-box p{color:#fff;margin-bottom:1.5rem}.cta-button{display:inline-block;background:#fff;color:var(--primary);padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s}.cta-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #0000004d}.sidebar{position:sticky;top:2rem;align-self:start}.stats-box{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:2rem;border-radius:12px;text-align:center;margin-bottom:2rem}.stats-box h3{color:#fff;margin-bottom:1.5rem}.stat{margin-bottom:1.5rem}.stat:last-child{margin-bottom:0}.stat-number{display:block;font-size:2.5rem;font-weight:900;color:#fff}.stat-label{display:block;font-size:.9rem;opacity:.9}.sidebar-box{background:var(--bg-gray);padding:1.5rem;border-radius:12px;margin-bottom:2rem}.sidebar-box h3{font-size:1.2rem;margin-bottom:1rem;color:var(--primary)}.features-list,.related-links{list-style:none;padding:0}.features-list li,.related-links li{padding:.75rem 0;border-bottom:1px solid #ddd}.features-list li:before{content:"✓ ";color:var(--primary);font-weight:700;margin-right:.5rem}.related-links a{color:var(--text-dark);text-decoration:none;transition:color .3s}.related-links a:hover{color:var(--primary)}.download-box{background:linear-gradient(135deg,var(--text-dark),#333);color:#fff;padding:2rem;border-radius:12px;text-align:center;margin-bottom:2rem}.download-box h3{color:#fff}.download-btn{display:block;background:#fff;color:var(--primary);padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:700;margin-top:1rem;transition:all .3s}.download-btn:hover{transform:scale(1.05)}.related-cities{padding:4rem 0;background:var(--bg-gray)}.related-cities h2{text-align:center;font-size:2rem;margin-bottom:2rem;font-weight:800}.cities-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.cities-list a{padding:.75rem 1.5rem;background:#fff;color:var(--primary);text-decoration:none;border-radius:25px;transition:all .3s;box-shadow:var(--shadow);font-weight:600}.cities-list a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}@media(max-width:768px){.city-hero h1{font-size:2rem}.content-grid{grid-template-columns:1fr}.sidebar{position:static}.slang-grid{grid-template-columns:1fr}}
