body{margin:0;min-height:85vh}footer{background-color:#f8f9fa;padding:10px 0;text-align:center;font-size:14px;color:#6c757d}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.social-icon:hover{animation:shake .5s;animation-iteration-count:infinite}.cards-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:20px;max-width:100%}.country-card{border:1px solid #ddd;border-radius:8px;width:280px;padding:15px;box-shadow:0 2px 6px #0000001a;transition:box-shadow .3s ease;background-color:#fffffff2;display:flex;flex-direction:column;align-items:center;text-align:center}.country-card:hover{box-shadow:0 4px 12px #0003;scale:1.02}.country-card img{width:150px;height:150px;object-fit:cover;border-radius:6px;margin-bottom:12px}.country-card img:hover{transform:scale(1.05);transition:transform .3s ease}.country-card h2{font-size:1.3rem;margin-bottom:8px;color:#555}.country-card p{font-size:.9rem;color:#555;margin-bottom:10px}.country-card button{padding:8px 16px;border:none;background-color:#07c;color:#fff;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.country-card button:hover{background-color:#005fa3}.header-container{display:flex;align-items:center;justify-content:center;gap:20px;padding-bottom:5px;background-color:#cecece}.header-container button{cursor:pointer;margin-top:.5rem;border-radius:10px;border:none;background:linear-gradient(135deg,#f9f7f1,#e6f3ff)}button:hover{box-shadow:0 4px 12px #00000026}@media screen and (max-width: 1024px){.header-container{display:flex;align-items:center;justify-content:center;gap:0;max-width:100vw}.header-container button{font-size:14px;padding:5px 8px;margin-right:.5rem}.header-container button:hover{box-shadow:0 4px 12px #0003;scale:1.05}}.home-page{font-family:Arial,sans-serif;background:linear-gradient(135deg,#f9f7f1,#e6f3ff);height:calc(100vh - 7rem);min-height:fit-content}.home-page h1{font-size:2.5rem;color:#333;margin-top:0;padding-top:1rem}.home-page h1,p{text-align:center}.intro-text{font-size:1.2rem;color:#555;max-width:800px;margin:1rem auto;line-height:1.6}@media screen and (max-width: 1024px){.home-page{min-height:fit-content}.home-page h1{font-size:2rem;padding:1rem .5rem .5rem}.intro-text{max-width:90vw;font-size:1rem;display:flex;justify-content:center;align-items:center;margin:auto}}.country-page{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#f9f7f1,#e6f3ff);min-height:80vh;padding:20px;text-align:center}.country-page img{width:300px;height:auto}.capital-city,.population{font-size:larger}.facts-section{margin-top:2rem}.fact-list{list-style-type:none;padding-left:0;margin:0}.fact-list li{margin-bottom:10px}button{margin-top:20px;margin-right:1rem;padding:10px 15px;font-size:16px;cursor:pointer}.explore-btn{background-color:#4caf50;color:#fff;border:none;border-radius:5px}.explore-btn:hover{background-color:#45a049}.back-btn{background-color:#008cba;color:#fff;border:none;border-radius:5px}.back-btn:hover{background-color:#007bb5}.cities-page{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#f9f7f1,#e6f3ff);min-height:80vh;padding:20px;text-align:center}.btn-to-main-page{margin-top:20px;margin-right:1rem;padding:10px 15px;font-size:16px;cursor:pointer;background-color:#dc0000;color:#fff;border:none;border-radius:5px}.btn-to-main-page:hover{background-color:#b30000}.city-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto;justify-content:center}.city-card{border:1px solid #ccc;margin-bottom:15px;background-color:#fffc;width:330px;padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 12px #0000001a}.city-card:hover{box-shadow:0 4px 12px #0003;scale:1.02;background:#fff}.city h2{margin-top:0}.city-card img{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:15px}@media (max-width: 1024px){.city-cards-container{grid-template-columns:repeat(2,auto)}}@media (max-width: 768px){.city-cards-container{grid-template-columns:repeat(1,auto)}}@media (max-width: 480px){.city-card{width:90%;padding:15px}}.city-topics-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto;justify-content:center}.city-topic-card{border:1px solid #ccc;margin-bottom:15px;background-color:#fffc;width:330px;text-decoration:none;padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 12px #0000001a}.city-topic-card:hover{box-shadow:0 4px 12px #0003;scale:1.02;background:#fff}.city-topic-card img{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:15px}.city-topic-card h2{color:#000}@media (max-width: 1024px){.city-topics-container{grid-template-columns:repeat(2,auto)}}@media (max-width: 768px){.city-topics-container{grid-template-columns:repeat(1,auto)}}@media (max-width: 480px){.city-topic-card{width:90%;padding:15px}}.city-page-container{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#f9f7f1,#e6f3ff);min-height:80vh;padding:20px;text-align:center}body{font-family:Inter,system-ui,sans-serif;background:#f7f7f7;color:#222;line-height:1.7}.markdown-container{max-width:760px;margin:auto;margin-top:1rem;background:#fff;padding:10px 50px;border-radius:18px;box-shadow:0 6px 18px #00000014}.markdown-container h1{margin-top:1rem}.markdown-container h2,.markdown-container h3,.markdown-container h4{font-weight:700;line-height:1.3;margin-top:1.6em;margin-bottom:.6em;color:#123}.markdown-container h1{font-size:2.2rem;border-bottom:3px solid #e2e8f0;padding-bottom:.3em}.markdown-container h2{font-size:1.7rem;border-left:6px solid #4aa3df;padding-left:12px}.markdown-container h3{font-size:1.35rem;color:#345}.markdown-container h4{font-size:1.1rem;color:#456}.markdown-container p{margin:1em 0;color:#333}.markdown-container strong{color:#000}.markdown-container a{color:#1b73d1;text-decoration:none;font-weight:500}.markdown-container a:hover{text-decoration:underline}.markdown-container img{width:100%;border-radius:12px;margin:20px 0;box-shadow:0 4px 14px #0000001a}.markdown-container ul,.markdown-container ol{margin:1.2em 0;padding-left:30px}.markdown-container ul li{margin:.4em 0;position:relative}.markdown-container ul li:before{content:"";width:7px;height:7px;background:#4aa3df;border-radius:50%;position:absolute;left:-18px;top:9px}.markdown-container blockquote{border-left:5px solid #4aa3df;margin:1.5em 0;color:#445;font-style:italic;background:#f0f7ff;padding:12px 18px;border-radius:8px}.markdown-container pre{background:#1e1e1e;color:#eaeaea;padding:16px;overflow-x:auto;border-radius:12px;margin:1.5em 0;font-size:.9rem}.markdown-container code{background:#f0f0f0;padding:2px 6px;border-radius:6px;font-size:.95rem}.markdown-container table{width:100%;border-collapse:collapse;margin:1.5em 0;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.markdown-container th,.markdown-container td{padding:12px 14px;border-bottom:1px solid #eee}.markdown-container th{background:#e8f4ff;text-align:left}.markdown-container hr{border:none;border-top:2px solid #eef2f5;margin:2em 0}.actions{text-align:center;margin-top:30px}@media (max-width: 600px){.markdown-container{padding:25px}.markdown-container h1{font-size:1.8rem}.markdown-container h2{font-size:1.4rem}}