* { margin: 0; padding: 0; box-sizing: border-box; } body { background: #020617; font-family: 'Satoshi', sans-serif; -webkit-font-smoothing: antialiased; min-height: 100vh; } .nav-link { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.25em; color: rgba(255,255,255,0.5); transition: color 0.3s; text-decoration: none; } .nav-link:hover { color: #fff; } /* Logo grid */ .logo-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-left: 1px solid rgba(255,255,255,0.06); border-top: 1px solid rgba(255,255,255,0.06); } @media (min-width: 768px) { .logo-grid { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 1200px) { .logo-grid { grid-template-columns: repeat(5, 1fr); } } .logo-cell { border-right: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); display: flex; align-items: center; justify-content: center; padding: 48px 32px; position: relative; transition: background 0.4s ease; } .logo-cell::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(36,125,204,0.08) 0%, transparent 70%); opacity: 0; transition: opacity 0.4s ease; } .logo-cell:hover { background: rgba(255,255,255,0.025); } .logo-cell:hover::after { opacity: 1; } .logo-cell img { max-height: 52px; max-width: 120px; width: auto; object-fit: contain; filter: grayscale(1) brightness(0.45); transition: filter 0.5s ease, transform 0.5s ease; } .logo-cell:hover img { filter: grayscale(0) brightness(1); transform: scale(1.1); }

Dipercaya Oleh

Klien Kami