/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2025 | 11:18:44 */
.vcc-container{background:#fff;border-radius:24px;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);border:1px solid #eee;margin-bottom:32px;padding:32px;font-family:'Arial',sans-serif;position:relative;overflow:hidden;transition:all 0.25s ease-out;animation:containerFadeIn 0.1s cubic-bezier(.68,-.55,.27,1.55) 0.1s both}.vcc-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#084F00,#28a745);transition:height 0.15s ease-out}.vcc-container:hover{box-shadow:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);transform:translateY(-2px)}.vcc-container:hover::before{height:6px}.vcc-section-title{font-family:'Georgia',serif;font-size:clamp(1.25rem, 3vw, 1.875rem);font-weight:800;color:#084F00;text-align:center;margin-bottom:8px;line-height:1.25;letter-spacing:-.025em;position:relative;animation:titleSlideIn 0.1s cubic-bezier(.68,-.55,.27,1.55) 0.1s both}.vcc-section-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#084F00,#28a745);border-radius:9999px;animation:underlineExpand 0.1s 0.25s ease-out 0.1s both}.vcc-subtitle{font-size:clamp(1rem, 2vw, 1.125rem);font-weight:500;color:#555;text-align:center;margin-bottom:24px;line-height:1.625;max-width:600px;margin-left:auto;margin-right:auto;animation:subtitleFadeIn 0.1s 0.25s ease-out 0.1s both}.vcc-letter-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #eee;position:relative;animation:letterGridSlideUp 0.1s cubic-bezier(.68,-.55,.27,1.55) 0.1s both}.vcc-letter-grid::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:100px;height:2px;background:linear-gradient(90deg,#084F00,#28a745);border-radius:9999px;animation:bottomLineExpand 0.1s 0.25s ease-out 0.1s both}.vcc-container .vcc-letter-btn{background:rgba(255,255,255,.7);border:2px solid #eee;border-radius:12px;padding:12px 16px;font-family:'Georgia',serif;font-size:1rem;font-weight:700;color:#333;text-align:center;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;position:relative;overflow:hidden;transition:all 0.25s ease-out;backdrop-filter:blur(10px);box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.05);will-change:transform;animation:letterBtnFadeIn 0.1s 0.25s ease-out both}.vcc-container .vcc-letter-btn:nth-child(1){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(2){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(3){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(4){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(5){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(6){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(7){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(8){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(9){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(10){animation-delay:0.3s}.vcc-container .vcc-letter-btn:nth-child(n+11){animation-delay:0.3s}.vcc-container .vcc-letter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(8,79,0,.1),transparent);transition:left 0.5s cubic-bezier(.2,.8,.2,1)}.vcc-container .vcc-letter-btn:hover::before{left:100%}.vcc-container .vcc-letter-btn:not(.vcc-letter-btn--disabled):hover{background:#fff;border-color:#cfc;color:#084F00;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)}.vcc-container .vcc-letter-btn:not(.vcc-letter-btn--disabled):active{transform:translateY(0) scale(.98)}.vcc-container .vcc-letter-btn.active{background:linear-gradient(135deg,#084F00,#00b300);color:#fff;border-color:#084F00;box-shadow:0 10px 20px -5px rgba(8,79,0,.3),0 4px 6px -2px rgba(8,79,0,.2);transform:translateY(-3px) scale(1.05)}.vcc-container .vcc-letter-btn.active:hover{background:linear-gradient(135deg,#00b300,#008000);border-color:#00b300;box-shadow:0 15px 20px -5px rgba(8,79,0,.2),0 8px 8px -5px rgba(8,79,0,.1)}.vcc-container .vcc-letter-btn.active::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.vcc-container .vcc-letter-btn--disabled{background:#f7f7f7!important;color:#bdbdbd!important;border-color:#e0e0e0!important;cursor:not-allowed!important;pointer-events:none!important;opacity:.6;transform:none!important;box-shadow:none!important}.vcc-container .vcc-letter-btn--disabled::before{display:none}.vcc-container .vcc-city-cards-wrapper{min-height:200px;display:flex;justify-content:center;align-items:flex-start;position:relative;animation:cardsWrapperFadeIn 0.1s 0.25s ease-out 0.1s both}.vcc-container .vcc-city-cards{width:100%;position:relative}.vcc-container .vcc-city-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;justify-content:center;animation:cityListSlideUp 0.1s cubic-bezier(.68,-.55,.27,1.55) 0.1s both}.vcc-container .vcc-city-list li{background:#fff;border:2px solid #eee;border-radius:16px;padding:16px 24px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.05);transition:all 0.25s ease-out;position:relative;overflow:hidden;min-height:60px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);will-change:transform;animation:cityItemFadeIn 0.1s cubic-bezier(.68,-.55,.27,1.55) both}.vcc-container .vcc-city-list li:nth-child(1){animation-delay:0.1s}.vcc-container .vcc-city-list li:nth-child(2){animation-delay:0.1s}.vcc-container .vcc-city-list li:nth-child(3){animation-delay:0.1s}.vcc-container .vcc-city-list li:nth-child(4){animation-delay:0.15s}.vcc-container .vcc-city-list li:nth-child(5){animation-delay:0.1s}.vcc-container .vcc-city-list li:nth-child(6){animation-delay:0.15s}.vcc-container .vcc-city-list li:nth-child(n+7){animation-delay:0.2s}.vcc-container .vcc-city-list li::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#084F00,#28a745,#084F00);border-radius:16px;opacity:0;transition:opacity 0.15s ease-out;z-index:-1}.vcc-container .vcc-city-list li::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(8,79,0,.08),transparent);transition:left 0.5s cubic-bezier(.2,.8,.2,1)}.vcc-container .vcc-city-list li:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);border-color:#9f9}.vcc-container .vcc-city-list li:hover::before{opacity:1}.vcc-container .vcc-city-list li:hover::after{left:100%}.vcc-container .vcc-city-list li a{text-decoration:none;color:#084F00;font-family:'Georgia',serif;font-weight:600;font-size:1rem;display:block;width:100%;text-align:center;line-height:1.5;transition:all 0.15s ease-out;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcc-container .vcc-city-list li a::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:#28a745;transition:width 0.25s ease-out;border-radius:9999px}.vcc-container .vcc-city-list li:hover a{color:green;transform:scale(1.05)}.vcc-container .vcc-city-list li:hover a::after{width:80%}.vcc-container .vcc-city-loading{text-align:center;padding:32px;color:#555;font-style:italic;animation:loadingPulse 0.2s ease-in-out infinite}.vcc-container .vcc-city-empty{text-align:center;padding:32px;color:#777;font-size:1.125rem;font-weight:500;background:#f8f8f8;border-radius:8px;border:2px dashed #ddd}.vcc-container .vcc-city-empty::before{content:'🏙️';display:block;font-size:1.875rem;margin-bottom:12px;opacity:.6}@keyframes containerFadeIn{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes titleSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitleFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes underlineExpand{from{width:0}to{width:60px}}@keyframes letterGridSlideUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes bottomLineExpand{from{width:0}to{width:100px}}@keyframes letterBtnFadeIn{from{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardsWrapperFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cityListSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cityItemFadeIn{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadingPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media (max-width:1200px){.vcc-container .vcc-city-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}}@media (max-width:992px){.vcc-container{padding:24px;margin-bottom:24px}.vcc-container .vcc-letter-grid{gap:4px;margin-bottom:16px}.vcc-container .vcc-letter-btn{padding:8px 12px;min-width:44px;min-height:44px;font-size:.875rem}.vcc-container .vcc-city-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}}@media (max-width:768px){.vcc-container{padding:16px;border-radius:16px}.vcc-section-title{font-size:clamp(1.125rem, 4vw, 1.5rem);margin-bottom:4px}.vcc-subtitle{font-size:1rem;margin-bottom:16px}.vcc-container .vcc-letter-grid{gap:4px;padding-bottom:12px;margin-bottom:16px}.vcc-container .vcc-letter-btn{padding:8px;min-width:40px;min-height:40px;font-size:.875rem}.vcc-container .vcc-city-cards-wrapper{min-height:150px}.vcc-container .vcc-city-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.vcc-container .vcc-city-list li{padding:12px 16px;min-height:52px}.vcc-container .vcc-city-list li a{font-size:.875rem}}@media (max-width:480px){.vcc-container{padding:12px;margin-bottom:16px}.vcc-section-title{font-size:clamp(1rem, 5vw, 1.25rem)}.vcc-subtitle{font-size:.875rem;margin-bottom:12px}.vcc-container .vcc-letter-grid{gap:4px;margin-bottom:12px}.vcc-container .vcc-letter-btn{padding:4px 8px;min-width:36px;min-height:36px;font-size:.75rem;border-radius:8px}.vcc-container .vcc-city-list{grid-template-columns:1fr;gap:8px}.vcc-container .vcc-city-list li{padding:8px 12px;min-height:48px;border-radius:12px}.vcc-container .vcc-city-list li a{font-size:.75rem;font-weight:500}.vcc-container .vcc-city-loading,.vcc-container .vcc-city-empty{padding:16px;font-size:.875rem}}@media (max-width:360px){.vcc-container{padding:8px}.vcc-container .vcc-letter-btn{min-width:32px;min-height:32px;padding:4px}.vcc-container .vcc-city-list li{padding:8px;min-height:44px}}@media (prefers-reduced-motion:reduce){.vcc-container *,.vcc-container *::before,.vcc-container *::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.vcc-container .vcc-letter-btn,.vcc-container .vcc-city-list li,.vcc-container{will-change:transform}.vcc-container .vcc-letter-btn:focus-visible,.vcc-container .vcc-city-list li a:focus-visible{outline:3px solid #084F00;outline-offset:2px;box-shadow:0 0 0 6px #e6ffe6}@media (hover:hover){.vcc-container .vcc-letter-btn:not(.vcc-letter-btn--disabled):hover{border-color:#cfc}.vcc-container .vcc-city-list li:hover{border-color:#9f9}}.vcc-container .vcc-letter-btn--disabled{aria-disabled:true}@media print{.vcc-container{box-shadow:none;border:1px solid #ccc;break-inside:avoid;animation:none}.vcc-container .vcc-letter-grid{display:none}.vcc-container .vcc-city-list{display:block;columns:3;column-gap:20px}.vcc-container .vcc-city-list li{border:1px solid #ccc;break-inside:avoid;margin-bottom:10px;animation:none;transform:none;box-shadow:none}.vcc-container .vcc-city-list li a{color:#000}.vcc-container *,.vcc-container *::before,.vcc-container *::after{animation:none!important;transition:none!important}}