body{font-family:sans-serif;margin:0;padding:0;background:#f9f9f9}.app-container{max-width:600px;margin:40px auto auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}input,select{width:100%;padding:8px;margin:10px 0;border:1px solid #ccc;border-radius:4px}button{padding:10px;background:#2c3e50;color:#fff;border:none;width:100%;border-radius:4px;cursor:pointer}.package-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.no-packages-message,.loading-message{text-align:center;font-size:1.1rem;color:#666;padding:2rem;background-color:#f9f9f9;border-radius:8px;margin-top:1rem}body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f4f4f4}.app{max-width:960px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}form input[type=text]{padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}form button{padding:.75rem 1.5rem;background:#017bbc;color:#fff;border:none;cursor:pointer;border-radius:4px}form button:hover{background:#0056b3}.filters{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;margin-bottom:1.5rem}.filters select,.filters input[type=text]{flex:1;min-width:200px;padding:.75rem;border:1px solid #ccc;border-radius:4px}.package-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.package-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:1rem;margin:.5rem;transition:transform .2s ease,box-shadow .2s ease;width:300px;font-family:Arial,sans-serif}.package-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.package-card h3{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.package-card p{margin:.3rem 0}.package-card strong{font-weight:600;color:#555}.package-card span{color:#333;margin-left:.3rem}