:root{--primary:#5a4a91;--secondary:#d6581b;--light:#f8f9fa;--dark:#343a40;--gray:#6c757d}.main-container{max-width:1400px;margin:0 auto;padding:30px 20px}.hedaer-sitemap{text-align:center;padding:15px;position:relative}h1{color:var(--primary);letter-spacing:-.5px;margin-bottom:15px;font-size:35px;font-weight:700}.subtitle{color:var(--gray);max-width:700px;margin:0 auto;font-size:1.2rem}.sitemap-container{flex-direction:column;gap:60px;display:flex;position:relative}.sitemap-category{flex-direction:column;align-items:center;display:flex;position:relative}.category-header{background:linear-gradient(135deg, var(--primary), #6b5ca5);color:#fff;z-index:2;border-radius:50px;align-items:center;gap:15px;margin-bottom:50px;padding:10px 20px;display:flex;position:relative;box-shadow:0 10px 25px #5a4a9133}.category-header i{font-size:24px}.category-header h2{font-size:22px;font-weight:600;margin-bottom:0!important}.links-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;padding:0 20px;display:grid}.link-item{border-left:4px solid var(--secondary);background:#fff;border-radius:15px;padding:18px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 20px #0000000f}.link-item:before{content:"";z-index:0;background:linear-gradient(135deg,#5a4a910d 0%,#d6581b0d 100%);width:100%;height:0;transition:height .3s;position:absolute;top:0;left:0}.link-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001f}.link-item:hover:before{height:100%}.link-item a{color:var(--dark);z-index:1;align-items:center;gap:12px;text-decoration:none;transition:color .3s;display:flex;position:relative}.link-item:hover a{color:var(--primary)}.link-item i{color:var(--secondary);font-size:1.1rem;transition:transform .3s}.link-item:hover i{transform:translate(5px)}@media (max-width:992px){.links-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:576px){.hedaer-sitemap h1{font-size:22px}.subtitle{font-size:1rem}.link-item{padding:15px;font-size:13px}.links-container{padding:0}.category-header{border-radius:15px;margin-left:7%;padding:10px}.category-header i{font-size:20px}.category-header h2{font-size:18px}}
