.showcase-page{color:#f8f2fd;background:radial-gradient(circle at 50% 0,#6d2ca936,#0000 34%),#0a0710;min-height:100vh;padding:18px 0 90px;font-family:Arial,sans-serif}.showcase-page nav{background:#130a20;border:1px solid #633c83;border-radius:99px;justify-content:center;align-items:center;gap:22px;width:min(1030px,100% - 34px);margin:auto;padding:15px 20px;display:flex}.showcase-page nav a{color:#d8cde2;text-transform:uppercase;font-size:11px;font-weight:800;text-decoration:none}.showcase-page nav .brand{color:#fff;margin-right:auto;font-size:13px}.showcase-page .brand span,.showcase-page .active,.showcase-page header p,.showcase-upload p{color:#bd71ff}.showcase-page header,.showcase-filters,.showcase-grid,.showcase-upload{width:min(1100px,100% - 42px);margin:auto}.showcase-page header{margin-top:96px}.showcase-page header p,.showcase-upload p{letter-spacing:1.5px;font-size:10px;font-weight:800}.showcase-page h1{letter-spacing:-.095em;margin:10px 0;font-size:clamp(54px,9vw,114px)}.showcase-page header>span,.showcase-upload span{color:#c8bdcf;max-width:610px;font-size:15px;line-height:1.6;display:block}.showcase-filters{flex-wrap:wrap;gap:9px;margin-top:42px;display:flex}.showcase-filters button{color:#d8cde2;background:#130b1e;border:1px solid #513268;border-radius:99px;padding:10px 14px;font-size:11px;font-weight:700}.showcase-filters button.active{color:#fff;background:#7b2bd2;border-color:#a351e5;box-shadow:0 0 20px #892fe847}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px;display:grid}.showcase-grid article{background:#140c20;border:1px solid #4d3062;border-radius:14px;transition:all .22s;overflow:hidden}.showcase-grid article:hover{border-color:#a553e5;transform:translateY(-4px);box-shadow:0 15px 35px #7625a52e}.showcase-media{background:#0a0710;height:225px;position:relative;overflow:hidden}.showcase-media:after{content:"";background:linear-gradient(#0000 42%,#140c20);position:absolute;inset:0}.showcase-media img{object-fit:cover;opacity:.78;width:100%;height:100%;transition:all .35s}.showcase-grid article:hover img{opacity:1;transform:scale(1.06)}.showcase-media span{z-index:1;color:#edddff;letter-spacing:1px;background:#15091dcc;border:1px solid #a351e5;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:700;position:absolute;top:13px;left:13px}.showcase-media b{z-index:1;color:#fff;background:#7d2dd7;border:1px solid #c27bff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:15px;right:14px}.showcase-grid article>div+div{padding:18px}.showcase-grid small{color:#bd71ff;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}.showcase-grid h2{letter-spacing:-.04em;min-height:48px;margin:10px 0 15px;font-size:21px}.showcase-grid a,.showcase-upload a{color:#dfa8ff;font-size:12px;font-weight:700;text-decoration:none}.showcase-upload{background:radial-gradient(circle at 85% 30%,#6d2ca936,#0000 28%),#130b1e;border:1px solid #75429f;border-radius:14px;margin-top:66px;padding:31px}.showcase-upload h2{margin:10px 0;font-size:31px}.showcase-upload a{color:#fff;background:#762bd0;border-radius:8px;margin-top:22px;padding:12px 16px;display:inline-block}@media (max-width:720px){.showcase-page nav{justify-content:flex-end}.showcase-page nav a:not(.brand){display:none}.showcase-grid{grid-template-columns:1fr}.showcase-media{height:260px}}.showcase-filters button:disabled{opacity:.48;cursor:not-allowed}.showcase-grid em{color:#ae8fc2;font-size:11px;font-style:normal}