@keyframes fadeUp from opacity: 0; transform: translateY(20px); to opacity: 1; transform: translateY(0);
/* modal for safety review */ .modal display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; z-index: 1000;
.desc font-size: 0.85rem; color: #3e5a6b; margin: 0.5rem 0; appsafe club
@media (max-width: 700px) .logo-area flex-direction: column; .filters-panel flex-direction: column; align-items: stretch; </style> </head> <body>
.search-box flex: 2; min-width: 200px;
.safety-badge display: flex; gap: 0.5rem; margin: 0.7rem 0; flex-wrap: wrap;
.detail-list margin: 1rem 0; list-style: none; @keyframes fadeUp from opacity: 0
.hero h1 font-size: 1.9rem; font-weight: 700; background: linear-gradient(135deg, #0b2b3b, #2c7a5e); -webkit-background-clip: text; background-clip: text; color: transparent;