.page-module__JZa57W__hero{padding:calc(var(--nav-height) + 5rem) 0 3rem;text-align:center}.page-module__JZa57W__heroTitle{margin:.75rem 0 1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.page-module__JZa57W__heroSub{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.05rem;line-height:1.7}.page-module__JZa57W__filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.page-module__JZa57W__filter{color:var(--text-secondary);border:1.5px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:50px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.page-module__JZa57W__filter:hover{color:var(--text-primary);border-color:#6c63ff66}.page-module__JZa57W__filterActive{color:var(--accent-primary);background:#6c63ff1f;border-color:#6c63ff80}.page-module__JZa57W__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__JZa57W__card{border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-card);border:1px solid var(--border);position:relative;overflow:hidden}.page-module__JZa57W__preview{aspect-ratio:4/3;background:color-mix(in srgb, var(--color,#6c63ff) 10%, var(--bg-secondary));justify-content:center;align-items:center;transition:transform .4s;display:flex;overflow:hidden}.page-module__JZa57W__card:hover .page-module__JZa57W__preview{transform:scale(1.04)}.page-module__JZa57W__designPreview{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.page-module__JZa57W__designShape{background:color-mix(in srgb, var(--color,#6c63ff) 30%, transparent);border:2px solid color-mix(in srgb, var(--color,#6c63ff) 50%, transparent);width:70px;height:70px;box-shadow:0 0 30px color-mix(in srgb, var(--color,#6c63ff) 25%, transparent);border-radius:16px}.page-module__JZa57W__designText{background:#ffffff26;border-radius:5px;width:100px;height:10px}.page-module__JZa57W__designSubtext{background:#ffffff12;border-radius:4px;width:70px;height:7px}.page-module__JZa57W__webPreview{flex-direction:column;width:100%;display:flex}.page-module__JZa57W__webBar{background:#0000004d;border-bottom:1px solid #ffffff0d;gap:4px;padding:6px 10px;display:flex}.page-module__JZa57W__webBar span{background:#ffffff1a;border-radius:50%;width:7px;height:7px}.page-module__JZa57W__webBar span:first-child{background:#ff6584}.page-module__JZa57W__webBar span:nth-child(2){background:#ffd060}.page-module__JZa57W__webBar span:nth-child(3){background:#00e5a0}.page-module__JZa57W__webContent{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.page-module__JZa57W__webLine{background:#ffffff14;border-radius:4px;height:7px}.page-module__JZa57W__webGrid{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.25rem;display:grid}.page-module__JZa57W__webBox{background:color-mix(in srgb, var(--color,#6c63ff) 15%, #ffffff0a);border:1px solid color-mix(in srgb, var(--color,#6c63ff) 20%, transparent);border-radius:8px;height:50px}.page-module__JZa57W__cardOverlay{background:var(--bg-card);border-top:1px solid var(--border);padding:1.25rem;transition:background .3s}.page-module__JZa57W__card:hover .page-module__JZa57W__cardOverlay{background:#6c63ff14}.page-module__JZa57W__cardTitle{margin:.4rem 0 .3rem;font-size:.95rem;font-weight:700}.page-module__JZa57W__cardDesc{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.page-module__JZa57W__overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.page-module__JZa57W__modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #6c63ff4d;width:100%;max-width:560px;position:relative;overflow:hidden}.page-module__JZa57W__closeBtn{z-index:10;border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.page-module__JZa57W__closeBtn:hover{background:#ffffff26}.page-module__JZa57W__modalInfo{padding:1.75rem}.page-module__JZa57W__modalTitle{margin:.6rem 0 .5rem;font-size:1.3rem;font-weight:700}.page-module__JZa57W__modalDesc{color:var(--text-secondary);font-size:.9rem;line-height:1.65}@media (max-width:1024px){.page-module__JZa57W__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.page-module__JZa57W__grid{grid-template-columns:1fr}}