.categories-page{background-color:var(--background);min-height:100vh;padding:0 0 2rem}.categories-header{color:#fff;text-align:center;background:linear-gradient(135deg,#2067ff 0%,#1a4fb8 100%);justify-content:center;align-items:center;gap:2rem;min-height:340px;margin-bottom:2rem;padding:5rem 2rem;display:flex;position:relative;overflow:hidden}.header-bg-left,.header-bg-right{opacity:.8;pointer-events:none;border-radius:15px;position:absolute;top:58%;overflow:hidden;transform:translateY(-50%)}.header-bg-left{max-width:150px;height:150px;top:35%;left:15%;transform:rotate(-15deg)}.header-bg-right{max-width:150px;height:150px;top:35%;right:15%;transform:rotate(15deg)}.header-bg-left img,.header-bg-right img,.header-image{width:100%;height:auto;display:block}.header-content{z-index:2;max-width:600px;position:relative}.header-content h1{letter-spacing:-.5px;margin:0 0 .5rem;font-size:3rem;font-weight:700}.header-content p{opacity:.9;margin:0;font-size:1.1rem;font-weight:400}.categories-search-container{max-width:90%;margin:0 auto 2rem;padding:0 1rem}.categories-search-input{border:1px solid #e5e7eb;border-radius:.75rem;width:100%;max-width:100%;padding:.875rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s;box-shadow:0 0 0 3px #2067ff1a}.categories-search-input:focus{border-color:#2067ff;outline:none;box-shadow:0 0 0 3px #2067ff26}.categories-container{max-width:90%;margin:0 auto;padding:0 0}.categories-grid{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}a{color:inherit;text-decoration:none}.categories-loading,.categories-error,.categories-empty{text-align:center;color:#6b7280;padding:3rem 1rem}.spinner{border:4px solid #e5e7eb;border-top-color:#2067ff;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.categories-error{color:#991b1b;background:#fee2e2;border-radius:.5rem;padding:2rem}.retry-btn{color:#fff;cursor:pointer;background-color:#2067ff;border:none;border-radius:.375rem;margin-top:1rem;padding:.625rem 1.25rem;font-weight:600;transition:background-color .2s}.retry-btn:hover{background-color:#1a52cc}@media (max-width:1024px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.header-bg-left,.header-bg-right{max-width:120px}}@media (max-width:768px){.categories-header{padding:3rem 2rem}.header-content h1{font-size:1.75rem}.header-content p{font-size:1rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.header-bg-left,.header-bg-right{display:none}.categories-search-input{padding:.75rem 1rem;font-size:.95rem}}@media (max-width:480px){.categories-header{min-height:250px;padding:3rem 1rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:.9rem}.categories-grid{grid-template-columns:1fr;gap:1rem}.categories-search-container{max-width:100%;margin:0 auto 1.5rem;padding:0 1rem}}