.masonry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.2rem;margin:2.5rem 0;width:100vw;max-width:var(--width-content)}.guide-card{display:block;background:#1e293b8c;border-radius:10px;box-shadow:0 8px 40px #0000002e,0 2px 8px #6366f11f;padding:2.7rem 2rem;color:#f3f4f6;text-decoration:none;position:relative;overflow:hidden;border:thin solid rgba(99,102,241);will-change:transform;transition:transform .28s cubic-bezier(.4,2,.3,1)}.guide-card:hover{transform:translateY(-12px) scale(1.07) rotate(-2.5deg);border-color:#eff0ff}.card-bg-anim{position:absolute;inset:0;z-index:0;border-radius:inherit;background-size:200% 200%;animation:gradientMove 6s ease-in-out infinite alternate;@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:100% 50%}}opacity:.18;pointer-events:none;transition:opacity .28s;animation:neonGlow 4s ease-in-out infinite alternate}.guide-card:hover .card-bg-anim{opacity:.32}@keyframes neonGlow{0%{filter:blur(4px) brightness(1.05)}to{filter:blur(8px) brightness(1.15)}}.card-content{display:flex;flex-direction:column;gap:.7rem;position:relative;z-index:1;align-items:flex-start}.guide-card h2{font-size:1.5rem;font-weight:900;margin:0 0 .5rem;color:#fff;letter-spacing:.02em;font-family:Montserrat,Inter,Segoe UI,sans-serif}.card-emoji{font-size:2.7rem;margin-bottom:.8rem;transition:transform .28s,filter .28s}.guide-card:hover .card-emoji{transform:scale(1.22) rotate(-10deg);filter:drop-shadow(0 8px 32px #6366f1)}.card-link{font-size:1.1rem;color:#06b6d4;opacity:.92;margin-top:auto;transition:color .22s,text-shadow .22s;font-weight:600;letter-spacing:.03em}.guide-card:hover .card-link{color:#f43f5e;opacity:1}