*{padding:0;margin:0;box-sizing:border-box}html,body{padding:0;margin:0;width:100%;height:100%}.header-container{height:70px;background-color:#ffe4e1;margin:0;padding:8px 16px;font-size:120%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:2000}.header-container .logo{display:inline;height:70px;width:180px}.header-container .window-nav{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.logo{display:flex;align-items:center}.header-container .window-nav .nav-item{color:#000;text-decoration:none;display:inline-block;justify-content:center;align-items:center;padding:.5rem 1rem}.header-container .mobile-menu .nav-item{color:#000;text-decoration:none;width:250px;padding:8px 4px}.header-container .window-nav .nav-item:hover,.header-container .mobile-nav .mobile-menu .nav-item:hover{transition:text-decoration .2s ease;background-color:#fff;border-radius:20px}.header-container .window-nav .nav-item.active,.mobile-menu .nav-item.active{text-decoration:underline;font-weight:700;transition:.2s ease}.mobile-nav{display:none;position:relative}.hamburgar-menu{background:none;border:none;cursor:pointer;font-size:2rem;z-index:1100}.mobile-menu{gap:15px;padding:.5rem;display:flex;flex-direction:column;background-color:#ffe4e1;position:fixed;top:10px;right:50px;box-shadow:0 2px 6px #00000026;border-radius:4px;z-index:2000}.mobile-menu.open{display:flex}@media screen and (max-width:1100px){.header-container .window-nav{display:none}.mobile-nav{display:block}}.search-container input,.search-container button{width:600px;height:50px;font-size:120%;border:2px solid gray}.search-container button{width:180px;background-color:#db7093;color:#fff;border:none}.search-container button:hover{color:#000;border:2px solid gray;transition:.1s ease-in}.search-container input{padding:6px 10px}.search-container{display:flex;justify-content:center;align-items:center;margin:24px 16px!important}.body{background-color:#ffe4e1;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem;padding:2rem}@media (min-width:600px){.body{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.body{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.body{grid-template-columns:repeat(4,1fr)}}.card-container{margin:2rem 1.5rem;height:320px;width:250px;background-color:#fff;border:2px solid gray;border-radius:16px;overflow:hidden;box-shadow:0 4px 10px #00000026;transition:transform .2s ease-in-out,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.card-container:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000040}.card-container h1{margin:20px 0 5px;font-size:120%;font-weight:700;color:#333}.card-container p{font-size:1.1rem;margin:6px 0;color:#666}.card-container .more-btn{display:none;width:90px;padding:4px;background-color:#db7093;color:#fff;border:none;border-radius:12px}.card-container .more-btn:hover{color:#000;border:1px solid black;transition:.1s ease-in}.card-container:hover .more-btn{display:inline-block}.card-container img{width:300px;height:200px;object-fit:cover}.card-container .image-container{width:250px;height:170px;font-size:100px;color:#000;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative}.card-container .image-container .an{position:absolute;top:10px;right:15px;color:#000;font-size:25px}.card-container .image-container .symbol{font-size:80px;font-weight:700;color:#000}.card-container .image-container .am{position:absolute;bottom:10px;left:15px;font-size:25px;color:#000}.detail-page{max-width:800px;margin:30px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a}.detail-title{text-align:center;font-size:28px;margin-bottom:20px;color:#222}.detail-image-container{display:flex;justify-content:center;margin-bottom:20px}.detail-image{max-width:100%;border-radius:12px;box-shadow:0 6px 12px #0000001a}.detail-content p{margin:8px 0;font-size:16px;color:#444}.detail-content a{color:#007bff;text-decoration:underline;display:inline-block;margin-right:10px}.detail-content a:hover{color:#0056b3}.loading,.error{text-align:center;font-size:18px;margin:30px 0;color:#555}