.cards-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:160px 24px 80px;overflow:hidden}.cards-hero-bg{position:absolute;inset:0;z-index:-1}.cards-hero-bg-image{object-fit:cover;opacity:.3;filter:saturate(1.2)}.cards-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,3,6,.3) 0,transparent 30%),linear-gradient(0deg,var(--bg-void) 0,transparent 50%),radial-gradient(ellipse at center,transparent 30%,var(--bg-void) 100%),radial-gradient(ellipse 80% 60% at 50% 30%,rgba(0,212,255,.15) 0,transparent 60%)}.cards-hero-cta{margin-top:32px}.cards-hero-cta .cta-discord{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(88,101,242,.4);transition:var(--transition-smooth);position:relative;overflow:hidden}.cards-hero-cta .cta-discord:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(88,101,242,.5)}.cards-hero-cta .cta-discord svg{width:24px;height:24px}.cards-hero-content{max-width:800px}.cards-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:16px;background:linear-gradient(180deg,#fff 0,var(--accent-primary) 60%,#069 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(0,212,255,.3))}.cards-hero-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8;font-size:1.1rem}.hero-badge{display:inline-block;padding:6px 16px;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-primary);background:rgba(0,212,255,.15);border:1px solid rgba(0,212,255,.3);border-radius:50px;margin-bottom:20px}.cards-info-section{padding:60px 0}.cards-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-bottom:40px}.cards-info-card{background:linear-gradient(135deg,rgba(17,24,34,.6),rgba(12,16,24,.8));border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-xl);padding:32px;position:relative;overflow:hidden}.cards-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.cards-info-card h3{font-size:1.5rem;font-weight:800;margin-bottom:12px;color:var(--accent-primary)}.cards-info-card p{color:var(--text-secondary);line-height:1.8}.rules-section{background:linear-gradient(135deg,rgba(17,24,34,.6),rgba(12,16,24,.8));border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-xl);padding:32px}.rules-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.rules-list li{color:var(--text-secondary);font-size:.95rem;line-height:1.8;padding-left:28px;position:relative}.rules-list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--accent-secondary);border-radius:50%;box-shadow:0 0 10px var(--accent-secondary)}.cards-gallery-section{padding:40px 0 100px}.filter-bar{background:linear-gradient(135deg,rgba(12,16,24,.95),rgba(7,10,18,.98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:100px;padding:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:-moz-fit-content;max-width:fit-content;margin:0 auto 40px;box-shadow:0 10px 40px rgba(0,0,0,.4)}.filter-btn{background:transparent;border:none;color:var(--text-muted);padding:10px 20px;border-radius:50px;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;gap:8px}.filter-btn:hover{color:var(--text-primary);background:hsla(0,0%,100%,.05)}.filter-count{font-size:11px;padding:2px 8px;background:hsla(0,0%,100%,.1);border-radius:50px}.filter-btn.active{color:var(--bg-void);background:#fff;box-shadow:0 0 20px hsla(0,0%,100%,.3)}.filter-btn.active .filter-count{background:rgba(0,0,0,.2)}.filter-btn-common.active{background:linear-gradient(135deg,var(--common),#22c55e);box-shadow:0 0 25px var(--common)}.filter-btn-rare.active{background:linear-gradient(135deg,var(--rare),#2563eb);color:#fff;box-shadow:0 0 25px var(--rare)}.filter-btn-epic.active{background:linear-gradient(135deg,var(--epic),#7c3aed);color:#fff;box-shadow:0 0 25px var(--epic)}.filter-btn-unique.active{background:linear-gradient(135deg,var(--unique),#dc2626);color:#fff;box-shadow:0 0 25px var(--unique)}.filter-btn-legendary.active{background:linear-gradient(135deg,var(--legendary),#d97706);box-shadow:0 0 25px var(--legendary)}.filter-btn-secret.active{background:linear-gradient(135deg,var(--secret),#b91c1c);color:#fff;box-shadow:0 0 25px var(--secret)}.filter-btn-mythical.active{background:linear-gradient(135deg,#f0f,#90f);color:#fff;box-shadow:0 0 25px #f0f}.cards-by-rarity{display:flex;flex-direction:column;gap:60px}.rarity-section{position:relative}.rarity-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.rarity-title{font-size:1.75rem;font-weight:800;margin:0}.rarity-title.rarity-common{color:var(--common)}.rarity-title.rarity-rare{color:var(--rare)}.rarity-title.rarity-epic{color:var(--epic)}.rarity-title.rarity-unique{color:var(--unique)}.rarity-title.rarity-legendary{color:var(--legendary)}.rarity-title.rarity-secret{color:var(--secret)}.rarity-title.rarity-mythical{color:#f0f}.rarity-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 12px;font-size:14px;font-weight:700;border-radius:50px}.rarity-count.rarity-common{color:var(--common);background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.3)}.rarity-count.rarity-rare{color:var(--rare);background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3)}.rarity-count.rarity-epic{color:var(--epic);background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3)}.rarity-count.rarity-unique{color:var(--unique);background:rgba(244,63,94,.15);border:1px solid rgba(244,63,94,.3)}.rarity-count.rarity-legendary{color:var(--legendary);background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.3)}.rarity-count.rarity-secret{color:var(--secret);background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3)}.rarity-count.rarity-mythical{color:#f0f;background:rgba(255,0,255,.15);border:1px solid rgba(255,0,255,.3)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:24px;gap:24px}.card-item{position:relative;border-radius:var(--radius-lg);cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s;transform-origin:center bottom;animation:cardReveal .6s cubic-bezier(.34,1.56,.64,1) backwards;overflow:hidden;background:linear-gradient(135deg,rgba(17,24,34,.6),rgba(12,16,24,.8));border:1px solid hsla(0,0%,100%,.08)}@keyframes cardReveal{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-item:first-child{animation-delay:.05s}.card-item:nth-child(2){animation-delay:.1s}.card-item:nth-child(3){animation-delay:.15s}.card-item:nth-child(4){animation-delay:.2s}.card-item:nth-child(5){animation-delay:.25s}.card-item:nth-child(6){animation-delay:.3s}.card-item:hover{transform:translateY(-10px) scale(1.02);z-index:10}.card-image-wrapper{aspect-ratio:2/3;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card-item:hover .card-image{transform:scale(1.05)}.card-info{padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);position:absolute;bottom:0;left:0;right:0}.card-name{font-weight:800;font-size:14px;color:#fff;margin:8px 0 0}.card-rarity{display:inline-block;padding:4px 12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:50px}.rarity-common{color:var(--common);background:rgba(74,222,128,.2);border:1px solid rgba(74,222,128,.4)}.rarity-rare{color:var(--rare);background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4)}.rarity-epic{color:var(--epic);background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.4)}.rarity-unique{color:var(--unique);background:rgba(244,63,94,.2);border:1px solid rgba(244,63,94,.4)}.rarity-legendary{color:var(--legendary);background:rgba(251,191,36,.2);border:1px solid rgba(251,191,36,.4)}.rarity-secret{color:var(--secret);background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4)}.rarity-mythical{color:#f0f;background:rgba(255,0,255,.2);border:1px solid rgba(255,0,255,.4)}.card-item.card-common:hover{border-color:var(--common);box-shadow:0 0 30px rgba(74,222,128,.3)}.card-item.card-rare:hover{border-color:var(--rare);box-shadow:0 0 30px rgba(59,130,246,.3)}.card-item.card-epic:hover{border-color:var(--epic);box-shadow:0 0 30px rgba(168,85,247,.3)}.card-item.card-unique:hover{border-color:var(--unique);box-shadow:0 0 30px rgba(244,63,94,.3)}.card-item.card-legendary:hover{border-color:var(--legendary);box-shadow:0 0 30px rgba(251,191,36,.3)}.card-item.card-secret:hover{border-color:var(--secret);box-shadow:0 0 30px rgba(239,68,68,.3)}.card-item.card-mythical:hover{border-color:#f0f;box-shadow:0 0 30px rgba(255,0,255,.3)}@media (max-width:768px){.cards-hero{padding:120px 20px 60px;min-height:50vh}.cards-hero-title{font-size:2rem}.cards-hero-cta .cta-discord{padding:14px 24px;font-size:14px}.cards-info-grid{grid-template-columns:1fr}.cards-info-card,.rules-section{padding:24px}.rules-list{grid-template-columns:1fr}.filter-bar{border-radius:var(--radius-lg);padding:10px}.filter-btn{padding:8px 14px;font-size:12px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}.card-item{border-radius:var(--radius-md)}.rarity-header{flex-wrap:wrap}.rarity-title{font-size:1.25rem}}