body {font-family: 'Arial', sans-serif;background-color: #f7f7f7;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;height: 100vh;}.container {width: 90%;max-width: 800px;padding: 30px;background-color: #ffffff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 8px;text-align: center;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;}h1 {color: #333;font-size: 2rem;margin-bottom: 20px;}.input-field {width: 100%;padding: 12px;margin: 10px 0;border-radius: 6px;border: 1px solid #ddd;font-size: 1rem;transition: all 0.3s ease;}.input-field:focus {outline: none;border-color: #4CAF50;}button {padding: 12px 20px;background-color: #4CAF50;color: white;border: none;border-radius: 6px;font-size: 1.1rem;cursor: pointer;width: 100%;margin-top: 10px;transition: background-color 0.3s ease;}button:hover {background-color: #45a049;}.output {margin-top: 20px;padding: 15px;background-color: #f0f4f8;border: 1px solid #ddd;border-radius: 6px;text-align: left;overflow-y: auto;max-height: 400px;}.output p {margin: 8px 0;font-size: 1rem;color: #333;}.output a {color: #0066cc;text-decoration: none;word-wrap: break-word;}.output a:hover {text-decoration: underline;}@media (max-width: 768px) {.container {padding: 20px;}}