@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";form{display:flex;justify-content:center;align-items:center;width:600px;margin:0 auto;padding:0 1rem}form input{width:100%;max-width:1200px;padding:1.2rem 2rem;border-radius:20px;border:.3rem solid #0c3f6f;margin:1rem;font-size:1.2rem;transition:all .3s ease;text-align:center}form input:focus{outline:none;box-shadow:0 0 10px #0c3f6f80}form input::placeholder{color:#00000080}@media (max-width: 768px){form input{max-width:600px;padding:1rem 1.5rem;margin:.8rem;font-size:1.1rem}}@media (max-width: 480px){form{padding:0 .3rem}form input{max-width:260px;padding:.8rem 1.2rem;margin:.5rem;font-size:1rem}}.card{box-shadow:-5px 5px 10px #0000004d;width:250px;height:300px;border-radius:8px;margin:1rem;background-color:#e3e8ed;border:1rem solid #e3e8ed;display:flex;flex-direction:column;overflow:hidden;position:relative;transform-origin:center;transition:transform .3s ease}.card img{width:100%;height:200px;object-fit:cover}.card div{display:flex;justify-content:space-between;align-items:center;padding:1rem;height:50px}.card div i{font-size:1.5rem;color:#0c3f6f;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:50%;background-color:#0000000d}.card div i:hover{transform:scale(1.2) rotate(-4deg);background-color:#0000001a;color:#f44}.card:nth-child(odd):hover{transform:rotate(-5deg) scale(1.1)}.card:nth-child(2n):hover{transform:rotate(5deg) scale(1.1)}.card .copy-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #7776761a;animation:fadeInOut 2s ease-in-out;z-index:2;min-width:150px;display:flex;align-items:center;justify-content:center;gap:.3rem;pointer-events:none;transform-origin:center}.card .copy-message:before{content:"✓";font-size:1rem;color:#4caf50}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.category-container{margin:3rem auto;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;width:100%;max-width:1200px}.category-container.collapsed{max-width:600px;margin:1rem auto}.category-container .category-header{background-color:var(--header-color);padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative;transition:all .3s ease}.category-container .category-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.category-container .category-header h3{margin:0;color:#fff;font-size:1.5rem;text-transform:uppercase}.category-container .category-header i{color:#fff;font-size:1.5rem;transition:transform .3s ease;padding:.5rem;border-radius:50%;background-color:#0000001a}.category-container .category-header i:hover{transform:scale(1.1);background-color:#0003;cursor:pointer}.category-container .card-grid{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;justify-items:center}.category-container .loading-message{color:#666;font-size:1.2rem;margin:1rem 0;animation:pulse 1.5s infinite}.category-container .add-more-button{padding:.8rem 1.5rem;border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;margin:1rem 0}.category-container .add-more-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.category-container .add-more-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem;justify-items:center;max-width:1600px;margin:0 auto}@media (max-width: 480px){.category-container .card-grid{grid-template-columns:1fr;justify-items:center;width:100%;max-width:300px;margin:0 auto}}*{margin:0;padding:0;box-sizing:border-box}html{box-sizing:border-box;font-family:Poppins,sans-serif;font-size:.8rem;color:#110e0e;text-align:center;min-height:100vh}*,*:before,*:after{box-sizing:inherit}body{min-height:100vh;display:flex;flex-direction:column;background-color:#e5e5f7;opacity:1;background-image:linear-gradient(#61b2e9 1.1px,transparent 1.1px),linear-gradient(to right,#61b2e9 1.1px,#e5e5f7 1.1px);background-size:22px 22px}#root{flex:1;display:flex;flex-direction:column}header{display:flex;flex-direction:column;align-items:center;padding:2rem 0;box-shadow:0 2px 4px #0000001a}header .imglogo{width:80%;max-width:800px;height:auto;object-fit:contain}header .category-header{font-size:1.2rem;font-weight:700;font-family:Raleway;color:#110e0e;display:flex;justify-content:center;align-items:center;--r: .8em;position:relative;top:20px;inset-inline:calc(-1 * var(--r));line-height:1.8;padding:.2em .5em calc(1.5 * var(--r));border-radius:var(--r)}header .category-header i{margin-left:1rem}header .category-header i:hover{transform:scale(1.2) rotate(-4deg)}header .category-header:hover{cursor:pointer}main{flex:1;padding:2rem;max-width:1800px;margin:0 auto;width:100%}footer{display:flex;justify-content:center;align-items:center;background-color:#0c3f6f;color:#fff6f6;padding:1rem;margin-top:auto;box-shadow:0 -2px 4px #0000001a}footer p{margin:0;font-size:1rem;margin-right:.5rem}footer a{text-decoration:none;color:#fff6f6}footer a:hover{color:#db5e0bfb}ul li{list-style:none}ul li a{text-decoration:none;color:#110e0e}.error-message{background-color:#ff6b6b;color:#fff;padding:10px 20px;border-radius:5px;margin:10px 0;text-align:center;animation:fadeIn .3s ease-in;box-shadow:0 2px 4px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}