body{font-family:Inter,system-ui,-apple-system,sans-serif}:root{--surface: #f4f6f9;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .07);--card-shadow: 0 2px 8px rgba(0, 0, 0, .07);--card-shadow-hover: 0 10px 28px rgba(0, 0, 0, .13);--skeleton-base: #e8ecf0;--skeleton-shine: #f4f6f9}[data-bs-theme=dark]{--surface: #0f1117;--card-bg: #1c1f2e;--card-border: rgba(255, 255, 255, .07);--card-shadow: 0 2px 8px rgba(0, 0, 0, .35);--card-shadow-hover: 0 10px 28px rgba(0, 0, 0, .5);--skeleton-base: #252836;--skeleton-shine: #2f3245}body{background-color:var(--surface);transition:background-color .25s ease;min-height:100vh}.main-content{padding:2rem 0}.app-navbar{box-shadow:0 1px 0 var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.country-card{background:var(--card-bg);border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow);border-radius:14px!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;height:100%}.country-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)!important}.country-card .flag-img{width:100%;height:150px;object-fit:cover;border-bottom:1px solid var(--card-border)}.country-card .card-body{padding:1.1rem 1.25rem 1.25rem}.country-card .card-title{font-size:.95rem;margin-bottom:.6rem}.country-card .card-body p{font-size:.82rem;color:var(--bs-secondary-color);margin-bottom:.3rem}.search-wrapper .search-input{border-radius:50px;padding:.65rem 3rem .65rem 1.25rem;font-size:.97rem;border:1.5px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);height:50px;transition:border-color .2s,box-shadow .2s}.search-wrapper .search-input:focus{border-color:var(--bs-primary);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.15)}.search-icon-right,.search-clear-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);line-height:1;z-index:5}.search-icon-right{color:var(--bs-secondary-color);pointer-events:none;font-size:1rem}.search-clear-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--bs-secondary-color);font-size:1rem;transition:color .15s}.search-clear-btn:hover{color:var(--bs-danger)}.suggestions-list{border-radius:12px;border:1px solid var(--card-border);box-shadow:var(--card-shadow-hover);overflow:hidden;background:var(--card-bg)}.suggestions-list .list-group-item{background:var(--card-bg);border-color:var(--card-border);font-size:.9rem;padding:.6rem 1rem}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}.skeleton-flag{width:100%;height:150px;border-radius:14px 14px 0 0!important}.skeleton-title{height:14px;width:70%;margin-bottom:8px}.skeleton-line{height:11px;margin-bottom:6px}.skeleton-line-sm{height:11px;width:50%}.skeleton-btn{height:30px;width:100%;border-radius:6px;margin-top:10px}.skeleton-hero{height:220px;border-radius:16px!important}.skeleton-h1{height:2.2rem;width:45%;border-radius:8px;margin-bottom:12px}.skeleton-sub{height:1rem;width:65%;border-radius:6px}.country-hero{position:relative;border-radius:16px;overflow:hidden;min-height:220px;display:flex;align-items:flex-end}.country-hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(.5) saturate(1.4);transform:scale(1.1)}.country-hero .hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.1) 60%)}.country-hero .hero-content{position:relative;z-index:2;padding:1.75rem 2rem;display:flex;align-items:center;gap:1.5rem;width:100%}.country-hero .hero-flag{height:80px;border-radius:6px;box-shadow:0 4px 20px #00000080;flex-shrink:0}.detail-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:1.5rem;box-shadow:var(--card-shadow)}.country-flag-thumb{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px;box-shadow:var(--card-shadow)}.small-flag{width:35px}@media (max-width: 576px){.country-hero .hero-content{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}h1{font-size:1.55rem}}