.card{width:100%;height:100%;max-width:500px;background:var(--glass-bg);border-radius:clamp(16px,2vw,24px);box-shadow:0 4px 24px var(--shadow-color);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:clamp(1rem,1vw,1.8rem);display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-primary);transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}@media(hover:hover){.card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 15px 35px #00000080;background:var(--glass-hover);border-color:var(--glass-border)}html[theme=dark] .card:hover{box-shadow:0 15px 35px #ffffff4d;transform:translateY(-8px) scale(1.01)}}.card .media-container{width:100%;position:relative;max-width:clamp(220px,80vw,500px);aspect-ratio:16 / 9;margin-bottom:clamp(.5rem,1vw,1.2rem);overflow:hidden}.card-status-banner{position:absolute;top:10px;left:10px;z-index:2;background:linear-gradient(90deg,#f59e0b,#ea580c);color:#fff;font-size:clamp(.7rem,.65rem + .2vw,.8rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.35rem .6rem;box-shadow:0 4px 12px #00000040}.card img,.card video,.card-3d-container{width:100%;height:100%;object-fit:cover;border-radius:clamp(10px,1.5vw,16px);position:absolute;top:0;left:0}.card-3d-container canvas{width:100%!important;height:100%!important;display:block}.card h3{font-size:var(--font-h3-clamp);font-weight:700;text-align:center}.card p{font-size:var(--font-p-clamp);color:var(--text-muted);margin-bottom:clamp(.3rem,.5vw,.8rem);text-align:center}.card-badges{display:flex;gap:clamp(.2rem,.2rem + .6vw,.6rem);justify-content:center;flex-wrap:wrap}.card-badges span{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:clamp(.4rem,.2rem + .4vw,.6rem) clamp(.5rem,.2rem + .8vw,.8rem);border-radius:999px;font-size:var(--font-tag-clamp);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coming-soon{color:#fff;font-size:clamp(.9rem,.85rem + .3vw,1rem);background:linear-gradient(90deg,#6366f1 60%,#818cf8);border-radius:clamp(8px,1vw,12px);padding:clamp(.2rem,.2rem + .5vw,.5rem) clamp(.4rem,.35rem + .6vw,.8rem);margin-top:auto;font-weight:600;box-shadow:0 2px 8px var(--shadow-color);letter-spacing:.02em;border:none;display:inline-block}.card-locked{cursor:not-allowed}.card-locked .media-container:after{content:"";position:absolute;inset:0;border-radius:clamp(10px,1.5vw,16px);background:#00000014;pointer-events:none}.hero{margin:clamp(.7rem,2vw,1.5rem) 0;max-width:1500px;width:100%;display:flex;align-items:center;background:var(--glass-bg);border-radius:clamp(16px,2vw,32px);box-shadow:0 8px 32px var(--shadow-color);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:clamp(.5rem,2vw,2rem) clamp(.8rem,2vw,2rem);flex-direction:column;text-align:center;gap:clamp(.2rem,.5vw,.8rem)}.hero-content{display:flex;flex-direction:column;align-items:center}.content h2{margin:clamp(.7rem,1vw,1.5rem) clamp(.5rem,1vw,1rem);text-align:left}.items-content h2{margin-bottom:clamp(.7rem,1vw,1.5rem)}.hero p{font-size:clamp(.9rem,1rem + .6vw,1.5rem);margin-bottom:clamp(.7rem,1vw,1rem)}.hero-badges{display:flex;gap:clamp(.2rem,.2rem + .6vw,.6rem);justify-content:center;flex-wrap:wrap}.hero-badges span{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:clamp(.25rem,.2rem + .4vw,.5rem) clamp(.4rem,.3rem + .8vw,.8rem);border-radius:999px;font-size:clamp(.8rem,.65rem + .4vw,1rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid{display:grid;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(clamp(200px,50vw,400px),1fr));gap:clamp(1rem,2vw,2rem);margin-bottom:clamp(2rem,4vw,4rem)}.items-content .grid{grid-template-columns:repeat(auto-fit,minmax(clamp(150px,40vw,300px),1fr))}@media(max-width:768px){.items-content .grid{grid-template-columns:1fr;gap:1rem}.items-content .card{padding:.8rem 1.2rem}.items-content .card .media-container{max-height:130px;max-width:220px;margin-bottom:.5rem}.items-content h2{margin-bottom:1.2rem}}