body { font-family: 'Inter', sans-serif; background-color: #F8FAFC; color: #1E293B; } .hover-lift { transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1) !important; } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .floating-animation { animation: floating 3s ease-in-out infinite; } @keyframes floating { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 15px); } 100% { transform: translate(0, -0px); } } .btn-success { background-color: #10B981; border-color: #10B981; } .btn-success:hover { background-color: #059669; border-color: #059669; } .text-success { color: #10B981 !important; } .bg-success { background-color: #10B981 !important; } .bg-success-subtle { background-color: #ECFDF5 !important; } .btn-white { background-color: #FFFFFF; color: #10B981; border: none; } .btn-white:hover { background-color: #F8FAFC; color: #059669; } .rounded-4 { border-radius: 1rem !important; } .rounded-5 { border-radius: 1.5rem !important; } .navbar-brand i { font-size: 1.5rem; vertical-align: middle; } /* Specific styles for APK Detail matching the image */ .breadcrumb-item + .breadcrumb-item::before { content: "/"; } .x-small { font-size: 0.75rem; } .bg-light { background-color: #F1F5F9 !important; } .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } .badge { font-weight: 500; } .border-success-subtle { border-color: #A7F3D0 !important; } .border-info-subtle { border-color: #BAE6FD !important; } /* Mobile adjustments */ @media (max-width: 767.98px) { .container { padding-left: 1.25rem; padding-right: 1.25rem; } .display-5 { font-size: 1.75rem; } .btn-lg { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 1rem; } }