.brand-page{padding:2rem}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{color:#003a70;margin-bottom:1rem;font-size:2.5rem}.page-header p{color:#6b6d9e;font-size:1.2rem}.alphabet-nav-container{z-index:100;background:linear-gradient(135deg,#f5f5fa 0%,#e8e9f3 100%);border:2px solid #003a70;border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;padding:1.5rem 2rem;transition:box-shadow .3s;display:flex;position:sticky;top:80px;box-shadow:0 4px 20px #003a7026,0 2px 8px #003a701a}.alphabet-nav-container:hover{box-shadow:0 6px 28px #003a7033,0 4px 12px #003a7026}.alphabet-nav{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.brand-search{min-width:300px;position:relative}.brand-search-input{color:#003a70;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #003a70;border-radius:25px;outline:none;width:100%;padding:.9rem 3rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #003a701a}.brand-search-input::placeholder{color:#6b6d9e;font-weight:400}.brand-search-input:focus{background:#fff;border-color:#35b6b4;transform:translateY(-1px);box-shadow:0 4px 16px #35b6b440,0 0 0 4px #35b6b41a}.brand-search:before{content:"🔍";pointer-events:none;opacity:.7;font-size:1.2rem;transition:all .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.brand-search:focus-within:before{opacity:1;transform:translateY(-50%)scale(1.1)}.clear-search-btn{color:#fff;cursor:pointer;opacity:0;background:linear-gradient(135deg,#ff6b6b 0%,#dc3545 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:.4rem .6rem;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s forwards fadeIn;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 2px 6px #dc35454d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1)}}.clear-search-btn:hover{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #dc354566}.clear-search-btn:active{transform:translateY(-50%)scale(.95)}.alphabet-link{color:#003a70;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #003a70;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #003a701a}.alphabet-link:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#35b6b4 0%,#2a9290 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.alphabet-link:hover:before{opacity:1}.alphabet-link:hover{color:#fff;border-color:#35b6b4;transform:translateY(-3px)scale(1.05);box-shadow:0 6px 16px #35b6b466}.alphabet-link:active{transform:translateY(-1px)scale(1)}.brands-sections{margin-bottom:4rem}.brand-section{margin-bottom:4rem;scroll-margin-top:150px}.section-letter{color:#003a70;border-bottom:4px solid #35b6b4;margin-bottom:2rem;padding-bottom:1rem;font-size:3rem;font-weight:700;display:inline-block}.brands-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.brand-card{text-align:center;background-color:#fff;border:2px solid #003a70;border-radius:12px;padding:2rem;transition:all .3s}.brand-card:hover{border-color:#35b6b4;transform:translateY(-5px);box-shadow:0 8px 20px #35b6b44d}.brand-logo{justify-content:center;align-items:center;min-height:80px;margin-bottom:1rem;font-size:4rem;display:flex}.brand-logo img{object-fit:contain;max-width:120px;max-height:80px}.brand-logo span{font-size:4rem}.brand-card h3{color:#003a70;margin-bottom:.8rem;font-size:1.4rem}.brand-card p{color:#6b6d9e;min-height:3rem;margin-bottom:1.5rem}.explore-btn{color:#fff;cursor:pointer;background-color:#35b6b4;border:none;border-radius:6px;padding:.8rem 1.8rem;font-weight:600;transition:all .3s}.explore-btn:hover{color:#fff;background-color:#2a9290}.no-search-results{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:2px dashed #35b6b4;border-radius:16px;margin:2rem 0;padding:4rem 2rem;animation:.4s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.no-results-icon{opacity:.6;margin-bottom:1rem;font-size:4rem}.no-search-results h3{color:#003a70;margin-bottom:1rem;font-size:1.8rem}.no-search-results p{color:#6b6d9e;margin-bottom:2rem;font-size:1.1rem}.no-search-results strong{color:#35b6b4;font-weight:700}.clear-search-btn-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#35b6b4 0%,#2a9290 100%);border:none;border-radius:25px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #35b6b44d}.clear-search-btn-large:hover{background:linear-gradient(135deg,#2a9290 0%,#238886 100%);transform:translateY(-2px);box-shadow:0 6px 20px #35b6b466}.clear-search-btn-large:active{transform:translateY(0)}.brand-benefits{background-color:#f5f5fa;border:2px solid #003a70;border-radius:12px;margin-top:3rem;padding:3rem}.brand-benefits h2{text-align:center;color:#003a70;margin-bottom:2rem;font-size:2rem}.benefits-list{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex}.benefit-item{align-items:flex-start;gap:1.5rem;display:flex}.benefit-icon{color:#fff;background-color:#35b6b4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.benefit-item h4{color:#003a70;margin-bottom:.5rem;font-size:1.2rem}.benefit-item p{color:#6b6d9e}.loading-container,.error-container,.empty-container{text-align:center;padding:4rem 2rem;font-size:1.2rem}.loading-container p{color:#35b6b4;font-size:1.3rem;font-weight:600}.error-container{background-color:#ffe6e6;border:2px solid #dc3545;border-radius:12px;max-width:600px;margin:2rem auto}.error-container p{color:#dc3545;font-weight:600}.empty-container p{color:#6c757d;font-style:italic}@media (max-width:768px){.brand-page{padding:1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.alphabet-nav-container{flex-direction:column;gap:1rem;padding:1rem;top:60px}.alphabet-nav{justify-content:center}.brand-search{width:100%;min-width:auto}.alphabet-link{width:35px;height:35px;font-size:.9rem}.section-letter{font-size:2rem}.brands-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.brand-card{padding:1.5rem}.brand-logo{min-height:60px}.brand-logo img{max-width:80px;max-height:60px}.brand-card h3{font-size:1.2rem}.brand-benefits{padding:2rem 1.5rem}.brand-benefits h2{font-size:1.5rem}}