.container{padding:3rem 2rem;font-family:Segoe UI,system-ui,sans-serif;max-width:1300px;margin:0 auto;background:radial-gradient(circle at top left,#fff,#f0f0ff);animation:fadeIn .6s ease-out}h1.gradient-text{font-size:2.5rem;text-align:center;background:linear-gradient(90deg,#4f46e5,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.search{display:block;margin:0 auto 2rem;padding:.6rem 1rem;font-size:1.1rem;border-radius:10px;border:2px solid #ccc;width:100%;max-width:420px;box-shadow:0 0 6px rgba(99,102,241,.2);transition:box-shadow .3s}.search:focus{outline:none;box-shadow:0 0 10px rgba(99,102,241,.5)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:2rem;gap:2rem;animation:fadeIn .8s ease-in-out}.card{text-align:center;padding:1.5rem;border-radius:1.25rem;background:#fff;border:1px solid #eee;transition:all .3s ease;box-shadow:0 6px 16px rgba(0,0,0,.05);position:relative}.card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 10px 25px rgba(99,102,241,.25)}.qr{width:200px;height:200px;object-fit:contain;margin-bottom:.75rem;transition:transform .2s ease}.flyer-preview{width:100%;max-width:280px;margin:1rem auto 0;border-radius:8px;box-shadow:0 0 0 1px #ddd}.card a{display:block;font-size:.9rem;color:#4b5563;margin-top:.25rem;text-decoration:none;transition:color .2s}.card a:hover{color:#111827}.download{margin-top:.5rem;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;padding:.4rem .9rem;border-radius:8px;font-size:.85rem;display:inline-block;transition:background .3s ease;box-shadow:0 4px 10px rgba(139,92,246,.2)}.download.secondary{background:#0f172a;color:#fff;margin-top:.25rem}.download.secondary:hover{background:#1e293b}.toggle-view{background:linear-gradient(90deg,#9333ea,#4f46e5);color:#fff;padding:.7rem 1.4rem;font-size:1rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px rgba(147,51,234,.3);display:flex;align-items:center;gap:.5rem}.toggle-view:hover{transform:scale(1.03);background:linear-gradient(90deg,#7c3aed,#4338ca);box-shadow:0 10px 24px rgba(99,102,241,.35)}.flyer-image{width:100%;max-width:440px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.2);border:6px solid #000;display:block;margin:1rem auto;padding:1rem;background:#fff}.scanner-label{font-family:Poppins,Segoe UI,sans-serif;font-size:30px;font-weight:800;fill:#fff;text-anchor:middle;dominant-baseline:middle;letter-spacing:1.5px}