.countries-directory-container{margin:0 auto;font-family:Segoe UI,Arial,sans-serif}.directory-header{text-align:center;margin-bottom:3rem}.directory-header h1{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.directory-subtitle{font-size:1.2rem;color:#6c757d;max-width:800px;margin:0 auto;line-height:1.6}.loading-container{text-align:center;padding:4rem 2rem}.loading-spinner{font-size:4rem;margin-bottom:1rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:4rem;padding:0 1rem}.stat-card{background:white;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);text-align:center;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:#667eea;transform:scale(1.02)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.stat-card.highlight:hover{transform:translateY(-5px) scale(1.02)}.stat-number{font-size:3rem;font-weight:800;color:#2c3e50;margin-bottom:.75rem;display:block;line-height:1}.stat-card.highlight .stat-number{color:white}.stat-label{font-size:.85rem;letter-spacing:1px;line-height:1.3}.stat-card.highlight .stat-label{color:rgba(255,255,255,.95)}.stat-flag{margin-bottom:1rem}.top-country-flag{width:64px!important;height:48px!important;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.8)}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem;flex-wrap:wrap;background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.08);border:1px solid #e9ecef;margin-left:1rem;margin-right:1rem}.search-container{flex:1;min-width:280px;position:relative}.country-search-input{width:100%;padding:16px 20px 16px 50px;border:2px solid #e9ecef;border-radius:15px;font-size:1rem;background:#f8f9fa;transition:all .3s ease;box-sizing:border-box}.country-search-input:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.search-container:before{content:"🔍";position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.2rem;z-index:1}.sort-container{display:flex;align-items:center;gap:1rem;flex-shrink:0}.sort-container label{font-weight:600;color:#2c3e50;white-space:nowrap;font-size:.95rem}.sort-select{padding:16px 20px;border:2px solid #e9ecef;border-radius:15px;font-size:1rem;background:#f8f9fa;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:200px}.sort-select:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:1rem;padding:0 1rem}.country-card{background:white;border-radius:20px;padding:2rem;text-decoration:none;color:inherit;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid #e9ecef;position:relative;overflow:hidden}.country-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .6s ease}.country-card:hover:before{left:100%}.country-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.15);border-color:#667eea;overflow:visible}.card-skeleton{inline-size:100%;min-block-size:110px;border-radius:12px}.card-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fefefe,#e0e0e0 50%,#fefefe);background-size:200% 100%;animation:shimmer 1.4s infinite}.loaded .card-skeleton:after{display:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.country-card-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;height:80px}.countries-directory-container .country-flag{width:40px!important;height:30px!important;box-shadow:0 6px 20px rgba(0,0,0,.2);transition:all .3s ease}.countries-directory-container .country-card:hover .country-flag{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.25)}.country-info{flex:1;display:flex;justify-content:space-between;align-items:center}.country-name{font-size:1.4rem;font-weight:700;color:#2c3e50;margin:0;line-height:1.2}.country-rank{font-size:.85rem;color:#667eea;font-weight:700;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.4rem .9rem;border-radius:25px;border:1px solid #e9ecef;min-width:45px;text-align:center}.country-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.country-stat{text-align:center;padding:1.25rem 1rem;background:linear-gradient(135deg,#f8f9fa,#ffffff);border-radius:15px;border:1px solid #e9ecef;transition:all .3s ease}.country-stat:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.stat-value{display:block;font-size:2rem;font-weight:800;color:#2c3e50;margin-bottom:.4rem;line-height:1}.stat-label{font-size:.75rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.champions-indicator{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1rem;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:white;border-radius:15px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px rgba(238,90,36,.3);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 4px 15px rgba(238,90,36,.3)}to{box-shadow:0 6px 20px rgba(238,90,36,.5)}}.trophy-icon{font-size:1rem}.no-results{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.highlights-section{margin-bottom:2.5rem;background:linear-gradient(135deg,#f8f9fa,#ffffff);padding:1.5rem;border-radius:18px;box-shadow:0 4px 20px rgba(34,34,59,.08);border:1px solid #e9ecef;text-align:center}.highlights-section h2{font-size:2.5rem;font-weight:700;color:#22223b;text-align:center;margin-top:1rem;margin-bottom:3rem;padding-top:0;position:relative}.highlights-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem}.highlight-card{background:white;border-radius:25px;padding:2.5rem;box-shadow:0 12px 40px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:all .3s ease}.highlight-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.15)}.highlight-card h3{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-top:0;margin-bottom:2rem;text-align:center}.highlight-card h3 a{transition:text-decoration .2s ease}.highlight-card h3 a:hover{text-decoration:underline}.top-countries-list{display:flex;flex-direction:column;gap:.75rem}.top-country-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:10px;transition:background .3s ease;text-decoration:none;color:#2c3e50}.top-country-item:hover{background:#e9ecef}.rank{font-weight:700;color:#1a365d;min-width:30px}.mini-flag{width:32px!important;height:24px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)}.top-country-item .country-name{flex:1;font-weight:500;color:#1a202c}.count{font-weight:600;color:#2d3748;background:white;padding:.25rem .5rem;border-radius:15px;font-size:.9rem}.directory-navigation{background:linear-gradient(135deg,#f8f9fa,#ffffff);border-radius:18px;padding:1rem 1.5rem;margin-bottom:2.5rem;box-shadow:0 4px 20px rgba(34,34,59,.08);border:1px solid #e9ecef;text-align:center}.directory-navigation h2{font-size:1.5rem;font-weight:700;color:#22223b;margin-bottom:1rem;margin-top:0;padding-top:0}.nav-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.nav-link-card{background:white;border-radius:15px;padding:2rem;text-decoration:none;color:inherit;box-shadow:0 8px 25px rgba(0,0,0,.08);transition:all .3s ease;border:2px solid transparent;text-align:center}.nav-link-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12);border-color:#667eea}.nav-link-card h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.nav-link-card p{font-size:.95rem;color:#6c757d;margin:0;line-height:1.5}@media (max-width:768px){.directory-subtitle{font-size:1.1rem}.summary-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0}.stat-card{padding:2rem 1.5rem}.stat-number{font-size:2.5rem}.controls-section{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1.5rem}.search-container{min-width:auto}.country-search-input{padding:14px 16px 14px 45px}.search-container:before{left:16px;font-size:1.1rem}.sort-container{justify-content:space-between}.sort-select{padding:14px 16px;min-width:180px}.countries-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.country-card{padding:1.5rem}.countries-directory-container .country-flag{width:60px!important;height:45px!important}.country-name{font-size:1.2rem}.stat-value{font-size:1.8rem}.highlights-section{padding:1rem;margin-bottom:2rem}.highlights-grid{grid-template-columns:1fr;gap:1.5rem}.highlights-section h2{font-size:2rem;margin-bottom:1rem}.highlight-card{padding:2rem}.nav-links-grid{grid-template-columns:1fr}}@media (max-width:480px){.summary-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-number{font-size:1.8rem}.country-card{padding:1rem}.countries-directory-container .country-flag,.countries-directory-container .top-country-flag{width:48px!important;height:36px!important}.mini-flag{width:28px!important;height:21px!important}.country-name{font-size:1.1rem}.highlights-section h2{font-size:1.8rem;margin-bottom:1rem;display:block!important}.highlights-section{padding:.75rem;margin-bottom:1.5rem}.highlight-card{padding:1.5rem}}