body{font-family:Arial,sans-serif;background-color:#f4f7f9;margin:0;padding:0}.app-container{padding:20px;max-width:800px;margin:0 auto;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}.app-header{font-size:2rem;text-align:center;color:#2c3e50}.search-form{display:flex;flex-direction:column;gap:15px;margin:20px 0}.input-field{padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:5px;width:100%}.search-button{padding:12px;background-color:#3498db;color:#fff;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.search-button:hover{background-color:#2980b9}.loading,.error{text-align:center;font-size:1.2rem;color:#e74c3c}.results-container{display:flex;flex-direction:column;gap:20px}.course-card{background-color:#ecf0f1;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000000d}.course-card h3{color:#2980b9;font-size:1.5rem}.course-card p{font-size:1rem;color:#34495e}.course-card p strong{color:#3498db}