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