.brands-page{background-color:#050505;min-height:100vh;padding-top:60px;padding-bottom:100px}.page-header{text-align:center;margin-bottom:60px}.page-header h1{color:#fff;letter-spacing:-1px;text-transform:uppercase;margin-bottom:16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.page-header p{color:#888;max-width:600px;margin:0 auto;font-size:1.1rem}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;max-width:1700px;margin:0 auto;display:grid}.brand-card{aspect-ratio:10/13;background:#111;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.brand-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0009}.brand-bg-image-wrapper{z-index:1;position:absolute;inset:0}.brand-bg-image{object-fit:cover;opacity:.6;width:100%;height:100%;transition:transform .8s}.brand-card:hover .brand-bg-image{opacity:.8;transform:scale(1.1)}.brand-card-overlay{z-index:2;background:linear-gradient(#0006 0%,#0000 40%,#000c 100%);position:absolute;inset:0}.brand-card-badges{z-index:10;justify-content:space-between;display:flex;position:absolute;top:12px;left:12px;right:12px}.brand-card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.count-badge{color:#7c3aed}.views-badge{color:#10b981}.brand-card-center{z-index:5;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.brand-card-logo-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414cc;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:90px;height:90px;padding:12px;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000080}.brand-card:hover .brand-card-logo-box{background:#1e1e1ef2;border-color:#7c3aed;transform:scale(1.1)}.brand-card-logo{object-fit:contain;max-width:100%;max-height:100%}.brand-card-footer{z-index:10;text-align:center;padding:20px;position:relative}.brand-card-name{color:#fff;text-shadow:0 2px 10px #000c;font-size:1.1rem;font-weight:800;transition:color .3s}.brand-card:hover .brand-card-name{color:#7c3aed}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.brand-skeleton{aspect-ratio:10/13;background:#111;border-radius:12px;position:relative;overflow:hidden}.brand-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);animation:1.5s infinite loading;position:absolute;inset:0}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.brand-card-sub-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;width:100%;margin-top:10px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.brand-card-sub-btn:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed4d}.brand-card-sub-btn.subscribed{background:#7c3aed;border-color:#7c3aed}.brand-card-sub-btn.subscribed:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}@media (max-width:768px){.brands-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.brand-card-logo-box{width:60px;height:60px;padding:8px}.brand-card-name{font-size:.9rem}.brand-card-badge{padding:2px 6px;font-size:10px}}