*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f4f4f4;color:#111517}.app{min-height:100vh}.app-header{background-color:#fff;box-shadow:0 2px 4px #00000014;padding:1rem 2rem}.nav{display:flex;align-items:center;justify-content:space-between}.where-link{font-weight:800;text-decoration:none;color:#111517}.saved-link{font-weight:600;text-decoration:none;color:#111517}.saved-link:hover,.where-link:hover{opacity:.3}.app-main{padding:2rem}.home{max-width:1200px;margin:0 auto}.grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 768px){.grid{grid-template-columns:repeat(4,1fr)}}.country-card{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 20px 30px #0000004d;cursor:pointer}.countryflag{width:100%;height:160px;object-fit:cover;display:block}.cardInfo{padding:1.25rem 1.5rem 1.5rem}.country-name{margin:0 0 1rem;font-size:1.1rem}.pop_cap_reg{margin:.5rem 0;font-weight:400;font-size:.95rem}.saved,.country-detail{max-width:800px;margin:2rem auto}.saved{max-width:1200px;margin:40px auto;padding:20px;background-color:#f9f9f9;border-radius:8px}.saved h1{text-align:center;margin-bottom:20px}.form{display:flex;flex-direction:column;gap:15px;max-width:500px;margin:40px auto 0}.form label{display:flex;flex-direction:column;font-weight:700}.form input,.form textarea{padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form textarea{min-height:80px;resize:vertical}.button{width:fit-content;background-color:#7b77d1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;padding:.8rem}.backbtn{display:inline-block;margin-bottom:2rem;padding:.5rem 1rem;background:#fff;border:1px solid #ccc;text-decoration:none;color:#111517}.detailbox{display:flex;gap:3rem;align-items:center}.bigflag{width:560px;max-width:100%}.detailtext h1{margin-top:0}.savebtn{margin-bottom:1rem;padding:.4rem .8rem;border:1px solid #ccc;background:#fff;cursor:pointer}a{text-decoration:none}.welcome{text-align:center;font-size:40px}button{transition:all .2s ease}button:hover{background-color:green;color:#fff;box-shadow:0 6px 15px #0000004d;font-size:1.1rem;cursor:pointer}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}.savebtn{background-color:#9dcae8;color:#000;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .15s ease}.savebtn:hover{background-color:#fa0089;transform:scale(1.05)}.savebtn:active{transform:scale(.95)}.country-card{cursor:pointer;transition:all .2s ease}.country-card:hover{transform:translateY(-6px)}.country-card:active{transform:scale(.98)}