:root{--primary-blue: #2c3e50;--soft-white: #f8f9fa;--gold-accent: #ffd700;--coral-accent: #ff6b6b;--soft-shadow: 0 4px 6px rgba(0, 0, 0, .1);--hover-shadow: 0 8px 15px rgba(0, 0, 0, .15);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--card-color-1: #ff3e6d;--card-color-2: #00f5d4;--card-color-3: #4cc9f0;--card-color-4: #7209b7;--card-color-5: #f72585;--card-color-6: #4361ee;--card-color-7: #f77f00;--card-color-8: #06ffa5;--border-primary: light-dark(#667eea, #00f5d4);--border-secondary: light-dark(rgba(255, 255, 255, .3), rgba(0, 245, 212, .2))}.container__capital{width:100%;max-width:90vw;margin:0 auto;padding:1rem;box-sizing:border-box;letter-spacing:1px;color:light-dark(#ffffff,#000000);min-height:100vh;justify-content:center}.head{display:flex;padding-top:10px;height:max-content;font-size:25px;color:light-dark(#667eea,#ffffff);background:light-dark(var(--header-gradient-light),var(--header-gradient-dark));border:2px solid light-dark(#667eea,#06ffa5);border-radius:.5rem;align-items:center;justify-content:center;font-weight:700;box-shadow:0 6px 20px #0003;position:relative;overflow:hidden}.controls-bar{display:flex;justify-content:flex-start;margin-bottom:1.5rem}.container__search{display:flex;align-items:center;width:100%;height:50px;max-width:500px;border-radius:.5rem;color:light-dark(#667eea,#ffffff);border:2px solid light-dark(#667eea,#06ffa5);padding:.5rem;margin-top:10px;position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.search__input{flex:1;border:none;outline:none;font-size:1.5rem;color:light-dark(#000000,#ffffff);background:transparent;padding:.4rem .5rem;font-family:inherit;&:focus{box-shadow:0 0 0 3px #667eea4d}}.search-icon{font-size:1.2rem;margin-right:.5rem;margin-top:6px;color:light-dark(#667eea,#06ffa5)}}.location-container{display:grid;gap:3rem}.location-section{width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.location-section h2{font-size:1.8rem;font-weight:700;margin:0;border-bottom:3px solid light-dark(#ff3e6d,#e54b90);padding-bottom:.5rem;flex-grow:1;text-shadow:light-dark(0 1px 3px rgba(0,0,0,.3),none);background:light-dark(#667eea,#06ffa5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.count-badge{border:2px solid light-dark(#667eea,#06ffa5);color:light-dark(#667eea,#ffffff);padding:.4rem 1rem;border-radius:25px;font-size:1rem;font-weight:700;margin-left:1rem;box-shadow:0 4px 15px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden}.location-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-items:start}.location-card{border-radius:15px;box-shadow:0 8px 25px #00000026;border:1px solid var(--border-secondary);transition:var(--transition-smooth);overflow:hidden;cursor:pointer;min-height:10px;display:flex;flex-direction:column;position:relative;&:before{content:"";position:absolute;inset:0;opacity:0;transition:var(--transition-smooth);pointer-events:none}&:hover:before{opacity:1}}[class*=color-card-color-]{border-left:6px solid var(--card-color);box-shadow:0 8px 25px rgba(var(--card-color-rgb),.15)}[class*=color-card-color-]:after{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--card-color),rgba(var(--card-color-rgb),.6))}.color-card-color-1{--card-color: var(--card-color-1);--card-color-rgb: 255, 62, 109}.color-card-color-2{--card-color: var(--card-color-2);--card-color-rgb: 0, 245, 212}.color-card-color-3{--card-color: var(--card-color-3);--card-color-rgb: 76, 201, 240}.color-card-color-4{--card-color: var(--card-color-4);--card-color-rgb: 114, 9, 183}.color-card-color-5{--card-color: var(--card-color-5);--card-color-rgb: 247, 37, 133}.color-card-color-6{--card-color: var(--card-color-6);--card-color-rgb: 67, 97, 238}.color-card-color-7{--card-color: var(--card-color-7);--card-color-rgb: 247, 127, 0}.color-card-color-8{--card-color: var(--card-color-8);--card-color-rgb: 6, 255, 165}.location-card details{padding:1.2rem;height:100%;display:flex;flex-direction:column;flex:1;position:relative;z-index:1;text-align:left}.location-card summary{font-weight:700;font-size:1.5rem;cursor:pointer;list-style:none;text-transform:capitalize;font-variant:small-caps;margin-bottom:.8rem;line-height:1.3;word-wrap:break-word;display:block;position:relative;padding-left:1.5rem;color:light-dark(#e80883,#ffffff);&:before{content:"▶";position:absolute;left:0;top:0;font-size:1rem;transition:var(--transition-smooth);background:linear-gradient(45deg,light-dark(#20c997,#4cc9f0));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}details[open] &:before{content:"▼";font-size:1rem;color:light-dark(#ff3e6d,#06ffa5);transform:scale(1.2);background:linear-gradient(45deg,light-dark(#ff3e6d,#06ffa5));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.location-card p{margin:0;font-family:Tahoma,sans-serif;font-style:italic;font-weight:700;font-size:1.8rem;color:light-dark(#333333,#57a4df);line-height:1.4;word-wrap:break-word;padding-left:1.5rem;text-transform:capitalize;font-variant:small-caps}.location-card:hover{box-shadow:0 15px 40px #0003;transform:translateY(-8px) scale(1.02)}.no-results{text-align:center;color:light-dark(#667eea,#06ffa5);font-size:1.2rem;margin:2rem 0;padding:2rem;border-radius:15px;display:none;font-weight:500;border:1px solid light-dark(#667eea,#06ffa5);backdrop-filter:blur(10px);text-shadow:light-dark(0 1px 3px rgba(0,0,0,.3),none)}.highlight{color:light-dark(#4b90be,rgb(237,136,153));font-weight:700;position:relative;overflow:hidden}*:focus{outline:none!important;box-shadow:none!important}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes badge-shine{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.location-grid{grid-template-columns:repeat(auto-fill,minmax(30%,1fr))}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.count-badge{margin-left:0;align-self:flex-end}.location-section h2{font-size:1.5rem}}@media (max-width: 480px){.geographical-mosaic{padding:.5rem}.location-grid{grid-template-columns:1fr;gap:1rem}.location-card{min-height:100px}.location-card summary{font-size:1rem}.location-card p{font-size:.9rem}.search-container{max-width:100%}}