@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--dark-blue: #111517;--light-grey: #fafafa;--white: #ffffff;--dark-grey: #858585;--purple: #7672ce;--border-radius: 8px;--box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .08);--box-shadow-hover: 0px 0px 12px 0px rgba(0, 0, 0, .15)}body{font-family:Nunito Sans,sans-serif;font-size:1rem;background:var(--light-grey);margin:0;padding:0}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 80px;background-color:var(--white);box-shadow:0 2px 4px #0000000f;margin:0}.header-title{font-size:24px;font-weight:800;color:var(--dark-blue);text-decoration:none;margin:0}.header-link{font-size:16px;font-weight:600;color:var(--dark-blue);text-decoration:none}.header-link:hover{color:var(--purple)}.countries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:75px;padding:48px 80px;background-color:var(--light-grey)}.countries-grid a{text-decoration:none;color:inherit}.country-card{background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:all .3s ease;cursor:pointer}.country-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.country-card__flag{width:100%;height:160px;object-fit:cover;display:block}.country-card__content{padding:24px 24px 32px}.country-card__name{margin:0 0 16px;font-size:18px;font-weight:800;color:var(--dark-blue)}.country-card p{margin:8px 0;font-size:14px;line-height:1.6;color:var(--dark-blue)}.country-card p:first-of-type{margin-top:0}.country-card strong{font-weight:600}.country-details-page{padding:48px 80px;background-color:var(--light-grey);min-height:calc(100vh - 80px)}.country-details-loading{padding:48px 80px;font-size:18px;color:var(--dark-blue)}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;background-color:var(--white);color:var(--dark-blue);border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);font-size:14px;font-weight:400;cursor:pointer;transition:all .3s ease;margin-bottom:64px}.back-button:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.country-details-container{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.country-details-flag-wrapper{width:100%}.country-details-flag{width:100%;max-width:560px;height:auto;object-fit:cover;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.country-details-info{display:flex;flex-direction:column;gap:24px}.country-details-title{font-size:32px;font-weight:800;color:var(--dark-blue);margin:0}.save-button{align-self:flex-start;padding:8px 32px;background-color:var(--white);color:var(--dark-blue);border:1px solid var(--dark-grey);border-radius:var(--border-radius);font-size:14px;font-weight:400;cursor:pointer;transition:all .3s ease;box-shadow:var(--box-shadow)}.save-button:hover{background-color:var(--light-grey);box-shadow:var(--box-shadow-hover)}.country-details-stats{display:flex;flex-direction:column;gap:12px}.country-details-stats p{margin:0;font-size:16px;line-height:1.8;color:var(--dark-blue)}.country-details-stats strong{font-weight:600}@media(max-width:1100px){.header{padding:24px 40px}.countries-grid{grid-template-columns:repeat(2,1fr);gap:40px;padding:40px}.country-details-page{padding:40px}.country-details-container{grid-template-columns:1fr;gap:48px}.back-button{margin-bottom:48px}}@media(max-width:768px){.header{padding:20px 16px}.header-title{font-size:16px}.header-link{font-size:14px}.countries-grid{grid-template-columns:1fr;gap:32px;padding:32px 16px}.country-details-page{padding:32px 16px}.country-details-container{gap:32px}.back-button{margin-bottom:32px}.country-details-title{font-size:24px}.country-details-stats p{font-size:14px}}.heart-button{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem}.search-container,.filter-container{display:inline-block;margin:0}.search-container{padding:32px 80px 16px;background-color:var(--light-grey)}.filter-container{padding:0 80px 16px;background-color:var(--light-grey);text-align:right;position:absolute;right:0;top:105px}.search-container label,.filter-container label{display:none}.search-container input[type=text]{width:480px;padding:16px 24px;font-size:14px;font-family:Nunito Sans,sans-serif;border:none;border-radius:var(--border-radius);background-color:var(--white);box-shadow:var(--box-shadow);color:var(--dark-blue)}.search-container input[type=text]::placeholder{color:var(--dark-grey)}.search-container input[type=text]:focus{outline:none;box-shadow:var(--box-shadow-hover)}.filter-container select{padding:16px 24px;font-size:14px;font-family:Nunito Sans,sans-serif;border:none;border-radius:var(--border-radius);background-color:var(--white);box-shadow:var(--box-shadow);color:var(--dark-blue);cursor:pointer;min-width:200px}.filter-container select:focus{outline:none;box-shadow:var(--box-shadow-hover)}.saved-page{display:flex;gap:48px;padding:32px}.saved-left{width:420px}.saved-title{font-size:14px;font-weight:600;margin:0 0 24px}.profile-title{font-size:12px;font-weight:600;margin:0 0 10px}.profile-form{display:flex;flex-direction:column;gap:12px}.profile-input,.profile-textarea{width:100%;border:1px solid #d9d9d9;border-radius:3px;padding:10px 12px;font-size:12px;outline:none;background:#fff}.profile-textarea{resize:none;min-height:140px}.profile-submit{width:52px;padding:6px 8px;font-size:11px;border:1px solid #6b6bff;background:#6b6bff;color:#fff;border-radius:2px;cursor:pointer}.profile-submit:hover{opacity:.95}.saved-right{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:375px){.container{padding:0 16px}.header__inner{height:64px}.header-title{font-size:16px}.header-link{font-size:12px}.countries-grid{grid-template-columns:1fr;gap:24px}.page{padding:24px 0}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}