.page-module__3X-i2q__header{text-align:center;margin-bottom:2rem;padding:3rem 0}.page-module__3X-i2q__header h1{margin-bottom:.5rem;font-size:3rem}.page-module__3X-i2q__header p{color:#888}.page-module__3X-i2q__paletteContainer{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.page-module__3X-i2q__colorCard{cursor:pointer;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.page-module__3X-i2q__colorCard:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0003}.page-module__3X-i2q__colorPreview{width:100%;height:180px}.page-module__3X-i2q__colorInfo{text-align:center;padding:1.5rem}.page-module__3X-i2q__hex{letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:block}.page-module__3X-i2q__copyLabel{color:#888;opacity:0;font-size:.8rem;transition:opacity .3s}.page-module__3X-i2q__colorCard:hover .page-module__3X-i2q__copyLabel{opacity:1}