:root{--bg: #9bc3ac;--text: #1a1a1a;--accent: #ba76ff;--accent-hover: #0059c1;--border: #e0e0e0}body{margin:0;padding:0;font-family:Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:var(--accent)}a:hover{color:var(--accent-hover)}.container{max-width:800px;margin:40px auto;padding:0 16px}h1{font-size:2rem;margin-bottom:1.5rem}ul{list-style:none;padding:0}li{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;transition:box-shadow .2s ease-in-out}li:hover{box-shadow:0 4px 12px #0000000d}.download-link{display:inline-block;margin-top:16px;padding:10px 16px;background-color:var(--accent);color:#fff;border-radius:6px;font-weight:500;transition:background-color .2s ease-in-out}.download-link:hover{background-color:var(--accent-hover)}.back-link{margin-top:24px;display:inline-block;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:24px}.card{display:block;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000a;transition:transform .2s ease-in-out,box-shadow .2s;text-align:left}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}.preview{width:100%;height:180px;object-fit:cover;display:block}.card-info{padding:16px}.card-info h2{font-size:1.1rem;margin:0 0 8px}.card-info p{margin:0;color:#555;font-size:.9rem}.search-input{width:100%;max-width:400px;padding:12px 16px;margin:16px 0 32px;border:1px solid var(--border);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s ease-in-out}.search-input:focus{border-color:var(--accent)}