.showcase-item{position:relative;border-radius:20px;overflow:hidden;transition:all .4s ease;cursor:pointer;text-decoration:none!important;display:block;color:inherit;height:320px;width:380px;flex-shrink:0}.showcase-item:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.1)}.showcase-item.large{grid-row:span 2}.showcase-image{width:100%;height:100%;position:relative}.showcase-image::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.7) 50%,#000 100%);transition:all .4s ease;z-index:1}.showcase-item:hover .showcase-image::before{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,1) 100%)}.showcase-photo{width:100%;height:100%!important;object-fit:cover;transition:all .4s ease}.showcase-item:hover .showcase-photo{transform:scale(1.15) rotate(2deg);filter:brightness(1.1) contrast(1.1)}.showcase-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white;padding:30px 20px 20px;transform:translateY(0);transition:all .4s ease;opacity:.9;z-index:2}.showcase-overlay h3{font-size:1.4rem;margin-bottom:10px;font-weight:600;transition:all .3s ease;color:#fff}.showcase-item:hover .showcase-overlay h3{transform:translateY(-8px) scale(1.05);text-shadow:0 0 5px rgba(0,0,0,.6),5px 5px 5px rgba(0,0,0,.3),5px 5px 5px rgba(0,0,0,.7);color:#fff}.showcase-overlay p{font-size:1rem;margin:0;opacity:.9;transition:all .3s ease;color:#fff}.showcase-item:hover .showcase-overlay p{transform:translateY(-5px) scale(1.02);opacity:1;text-shadow:0 2px 8px rgba(0,0,0,.7);color:#fff}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.blog-date{font-size:.85rem;color:#ccc;font-weight:400}.blog-category{font-size:.8rem;background:rgba(255,0,0,.8);color:#fff;padding:4px 12px;border-radius:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.showcase-item:hover .blog-meta{transform:translateY(-5px)}.showcase-item:hover .blog-category{background:rgba(255,0,0,1);transform:scale(1.05)}@media (max-width:768px){.showcase-item{width:300px;height:260px}}@media (max-width:1024px){.showcase-item.large{grid-column:span 2;grid-row:auto;height:300px}}.road-dots{position:absolute;top:50%;left:5%;right:5%;height:60px;transform:translateY(-50%);z-index:2}.dots-segment{position:absolute;height:4px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 18px,rgba(255,255,255,.8) 18px,rgba(255,255,255,.8) 20px);animation:dotsMove 2s linear infinite}.dots-segment:nth-child(1){top:20px;left:0;width:20%;transform:rotate(5deg)}.dots-segment:nth-child(2){top:40px;left:18%;width:20%;transform:rotate(-5deg)}.dots-segment:nth-child(3){top:20px;left:36%;width:20%;transform:rotate(5deg)}.dots-segment:nth-child(4){top:40px;left:54%;width:20%;transform:rotate(-5deg)}.dots-segment:nth-child(5){top:20px;left:72%;width:20%;transform:rotate(5deg)}.central-info-panel.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.planet-card.active{border-radius:20px;background:linear-gradient(135deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.95) 100%);border-color:rgba(255,0,0,.8);box-shadow:0 0 50px rgba(255,0,0,.6),0 0 100px rgba(255,0,0,.3);z-index:10}.planet-card.active .planet-icon{opacity:1;transform:scale(1.2);transition:all .4s ease;color:#f00;text-shadow:0 0 30px rgba(255,0,0,1)}.planet-card.active .planet-info{opacity:1;visibility:visible;bottom:-20px}.planet-card.active::before{animation-duration:10s}.planet-card.active::after{animation-duration:2s}.planet-card.active .planet-rings{border-color:rgba(255,0,0,.8);animation-duration:5s}.planet-card.clicked{animation:planetClick .8s cubic-bezier(.175,.885,.32,1.275) forwards}.planet-card.clicked .planet-rings{opacity:1;border-color:rgba(255,0,0,.8);animation-duration:3s}.planet-card.clicked .planet-icon{animation-duration:1.5s}.meteor{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#f00 0%,#f66 50%,transparent 100%);border-radius:50%;box-shadow:0 0 20px #f00,0 0 40px rgba(255,0,0,.5),0 0 60px rgba(255,0,0,.3);animation:meteorMove 4s linear infinite;z-index:1}.meteor::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:linear-gradient(90deg,transparent,#f00,#f66,transparent);transform:translate(-50%,-50%);animation:meteorTail 4s linear infinite}