:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._countriesContainer_1q60n_1{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;padding:20px;background:#121212;border-radius:15px;box-shadow:0 8px 16px #0000004d}._countryCard_pivi8_1{background:linear-gradient(145deg,#222,#1a1a1a);border:1px solid #2c2c2e;border-radius:12px;padding:16px;text-align:center;box-shadow:0 4px 12px #0006;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}._countryCard_pivi8_1:hover{transform:scale(1.03);box-shadow:0 8px 24px #0009;background:linear-gradient(145deg,#232323,#242424)}._flag_pivi8_18{width:100%;height:auto;border-radius:8px;margin-bottom:12px}._name_pivi8_25{font-size:1.4em;margin-bottom:8px;color:#f5f5f7;font-weight:600}p{font-size:1em;color:#d1d1d6;margin:6px 0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;background:#1c1c1e;color:#f5f5f7}.App{max-width:1200px;margin:0 auto;padding:20px}.title{text-align:center;font-size:2.5em;margin-bottom:20px;font-weight:700}.filters{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}select,.sortButton,.resetButton{padding:12px 16px;font-size:1em;border:2px solid #f5f5f7;border-radius:8px;background:transparent;color:#f5f5f7;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:100%;max-width:200px;box-sizing:border-box}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding-right:30px;position:relative}.sortButton.active{background-color:#ff9500;color:#121212;border-color:#ff9500}.sortButton.active:hover{background-color:#ff9500;color:#fff;border-color:#ff9500}.resetButton{border-color:#f44336;background-color:transparent;color:#f44336;font-size:.9em;max-width:120px}.resetButton:hover{background-color:#f44336;color:#fff;border-color:#f44336}.resetButton:active{transform:scale(.95);border-color:#d32f2f;color:#fff}select:after,.sortButton:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:200%;background:linear-gradient(135deg,#ff9500,#ff5e3a);z-index:0;transform:rotate(45deg);transition:left .3s ease,top .3s ease;opacity:.2}select:hover:after,.sortButton:hover:after{left:0;top:0;opacity:.4}select:hover,.sortButton:hover{color:#ff9500;border-color:#ff9500}select:active,.sortButton:active{transform:scale(.95);border-color:#ff5e3a;color:#ff5e3a}select,.sortButton,.resetButton{z-index:1}select:focus,.sortButton:focus,.resetButton:focus{outline:none;box-shadow:0 0 8px #ffffff80}@media (max-width: 768px){.filters{flex-direction:column;gap:15px}select,.sortButton,.resetButton{max-width:100%}}