.text-accent-1{color:#000}.text-accent-2{color:#ac3119}.text-accent-3{color:#161616}.text-accent-4{color:#303030}.bg-accent-1{background-color:#000}.bg-accent-2{background-color:#ac3119}.bg-accent-3{background-color:#161616}.bg-accent-4{background-color:#303030}.states-page-wrapper{position:relative;min-height:100vh;background:linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.05) 100%)}.page-header-decoration{margin-bottom:1rem}.header-icon{font-size:3rem;color:#fff;background:#ac3119;width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 20px rgba(172,49,25,.15);transition:all .3s ease}.header-icon:hover{transform:scale(1.1);box-shadow:0 12px 30px rgba(172,49,25,.25)}.page-title{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:.5rem;position:relative;width:fit-content;margin-left:auto;margin-right:auto}.page-title::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(to right, #AC3119, #AC3119, transparent)}@media(max-width: 767px){.page-title{font-size:2rem}}.page-subtitle{font-size:1.1rem;color:#303030;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.state-group-header{display:flex;align-items:center;font-size:1.1rem;font-weight:700;color:#161616;margin-bottom:1rem;position:relative}.state-group-letter{background:linear-gradient(135deg, #AC3119 0%, #d33701 100%);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1rem;box-shadow:0 4px 12px rgba(172,49,25,.3);flex-shrink:0;position:relative;overflow:hidden;transition:all .3s ease}.state-group-letter::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);transform:rotate(45deg);animation:shine 3s infinite}.state-group-letter:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(172,49,25,.4)}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.letter-text{font-weight:700;position:relative;z-index:1}.state-group-line{flex:1;height:2px;background:linear-gradient(to right, #AC3119, rgba(172, 49, 25, 0.2), transparent);position:relative}.state-card{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:10px;transition:all .3s ease;min-height:50px;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.state-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s}.state-card:hover{background:linear-gradient(135deg, #AC3119 0%, #d33701 100%);border-color:#ac3119;transform:translateY(-4px);box-shadow:0 8px 24px rgba(172,49,25,.3)}.state-card:hover::before{left:100%}.state-card:hover .state-name{color:#fff}.state-card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);transform:rotate(45deg);opacity:0;transition:opacity .3s}.state-card:hover .state-card-shine{opacity:1;animation:shine-sweep .6s ease-out}@keyframes shine-sweep{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.state-name{color:#000;font-weight:600;font-size:.9rem;transition:color .3s ease;position:relative;z-index:1}@media(max-width: 767px){.page-title{font-size:1.75rem}.header-icon{width:60px;height:60px;font-size:2rem}.state-group-header{font-size:1rem}.state-group-letter{width:35px;height:35px;font-size:.9rem;margin-right:.75rem}.state-card{padding:.6rem .75rem;min-height:45px;gap:.5rem}.state-name{font-size:.85rem}}