.package-card{background:var(--background-primary-color);border-radius:16px;padding:1.6rem;box-shadow:0 4px 20px rgba(90,24,154,.08);border:1px solid var(--light-primary);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:slideInUp .6s ease-out forwards;display:flex;flex-direction:column}.package-bottom{margin-top:auto}.package-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-color);transform:scaleX(0);transition:transform .4s ease}.package-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(90,24,154,.15);border-color:var(--primary-color)}.package-card:hover:before{transform:scaleX(1)}.package-header{display:flex;align-items:center;margin-bottom:1.5rem}.package-image{width:80px;height:80px;border-radius:12px;overflow:hidden;margin-right:1rem;flex-shrink:0}.package-image img{width:100%;height:100%;object-fit:cover;display:block}.package-title{font-size:1.4rem;font-weight:600;color:var(--secondary-color);margin-bottom:.25rem}.package-meta{display:flex;gap:.4rem;flex-wrap:wrap}.package-badge{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06rem;border-radius:999px;padding:.2rem .55rem;border:1px solid transparent}.package-badge-lang{background:rgba(90,24,154,.1);border-color:rgba(90,24,154,.22);color:var(--secondary-color)}.package-badge-beta{background:rgba(255,195,0,.2);border-color:rgba(255,195,0,.55);color:#5f4300}.package-badge-stable{background:rgba(35,128,85,.14);border-color:rgba(35,128,85,.4);color:#1a6b47}.package-description{margin-bottom:1.5rem;line-height:1.7;opacity:.9}.package-stats{flex-wrap:wrap;gap:1.3rem;margin-bottom:.5rem}.package-stats,.stat{display:flex;align-items:center}.stat{gap:.5rem;font-size:.9rem;color:var(--text-color);opacity:.8}.stat-icon{width:16px;height:16px;fill:var(--secondary-color)}.link-btn{flex:1 1;padding:.75rem 1.1rem;border:none;border-radius:8px;font-family:var(--primary-font);font-weight:500;font-size:.9rem;text-decoration:none;text-align:center;transition:all .3s ease;cursor:pointer}.package-stats .link-btn{flex:initial}.stat-doc-link{margin-left:auto}.link-btn.primary{background:var(--light-primary);color:var(--secondary-color);border:1px solid rgba(255,195,0,.3)}.link-btn.primary:hover{background:var(--primary-color);color:var(--secondary-color)}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-element{position:absolute;width:20px;height:20px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:50%;opacity:.1;animation:float 20s linear infinite}.floating-element:first-child{top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:15%;animation-delay:5s}.floating-element:nth-child(3){bottom:30%;left:20%;animation-delay:10s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-100px) rotate(180deg)}to{transform:translateY(0) rotate(1turn)}}@media (max-width:768px){.header h1{font-size:2.5rem}.package-card{padding:1rem}.package-image img{width:85%;height:85%}.package-header{margin-bottom:.5rem}.link-btn{padding:.5rem .6rem}.stat-doc-link{margin-left:0}a.link-btn{font-size:.8em}}