:root{--element-bg: #ffffff;--background: #fafafa;--text: #111517;--input: #858585}.dark-mode{--element-bg: #2b3945;--background: #202c37;--text: #ffffff;--input: #858585}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s,color .3s}body{font-family:Nunito Sans,sans-serif}.app{min-height:100vh;background-color:var(--background);color:var(--text)}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background-color:var(--element-bg);box-shadow:0 2px 4px #0000001a}.header h1{font-size:24px;font-weight:800}.theme-toggle{background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.main-content{padding:40px 60px}.controls{display:flex;justify-content:space-between;margin-bottom:40px;gap:20px}.search-input{padding:15px 30px;border:none;border-radius:6px;background:var(--element-bg);box-shadow:0 0 10px #0000001a;color:var(--text);width:400px}.search-input::placeholder{color:var(--input)}.region-filter{padding:15px 20px;border:none;border-radius:6px;background:var(--element-bg);box-shadow:0 0 10px #0000001a;color:var(--text);cursor:pointer}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:60px}.country-card-link{text-decoration:none;color:inherit}.country-card{background:var(--element-bg);border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000001a;transition:transform .2s;height:100%}.country-card:hover{transform:translateY(-5px)}.country-card img{width:100%;height:160px;object-fit:cover}.country-info{padding:20px}.country-info h2{margin-bottom:15px;font-size:18px}.country-info p{margin-bottom:5px;font-size:14px}.country-detail{padding:40px 60px}.back-button{display:inline-block;padding:10px 30px;background:var(--element-bg);border-radius:6px;text-decoration:none;margin-bottom:60px;box-shadow:0 0 10px #0000001a;color:var(--text);font-weight:600}.country-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.country-detail-content img{width:100%;max-width:560px;border-radius:10px;box-shadow:0 0 20px #0003}.country-detail-info h1{font-size:32px;margin-bottom:30px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.details-grid p{margin-bottom:10px}.border-countries{margin-top:60px;display:flex;align-items:flex-start;gap:15px}.border-countries strong{white-space:nowrap;margin-top:5px}.border-buttons{display:flex;flex-wrap:wrap;gap:10px}.border-button{padding:5px 20px;background:var(--element-bg);border-radius:4px;text-decoration:none;box-shadow:0 0 5px #0000001a;color:var(--text);font-size:14px}.loading,.error{text-align:center;padding:100px;font-size:18px}@media (max-width: 768px){.header,.main-content{padding:20px}.controls{flex-direction:column}.search-input{width:100%}.countries-grid{grid-template-columns:1fr;gap:40px}.country-detail{padding:20px}.country-detail-content{grid-template-columns:1fr;gap:40px}.details-grid{grid-template-columns:1fr}.border-countries{flex-direction:column;align-items:flex-start}}