*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}.container{max-width:800px;margin:0 auto;padding:20px}h1{text-align:center;color:#2c3e50;margin-bottom:30px}.section{background:#fff;margin-bottom:30px;padding:25px;border-radius:8px;box-shadow:0 2px 5px #0000001a}h2{color:#34495e;margin-bottom:20px;border-bottom:2px solid #3498db;padding-bottom:10px}.test-form{max-width:500px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:5px;font-weight:700;color:#555}input[type=text],input[type=email],textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px #3498db4d}button{background-color:#3498db;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:#2980b9}.test-button{margin-right:10px;margin-bottom:10px}#apiResult{margin-top:20px;padding:15px;background-color:#ecf0f1;border-radius:4px;border-left:4px solid #3498db}#apiResult p{margin:0;white-space:pre-wrap;font-family:monospace;font-size:14px}.dynamic-form{background-color:#f8f9fa;border-radius:4px}.dynamic-form h3{color:#6c757d;margin-bottom:15px}.dynamic-form input{margin-right:10px;margin-bottom:10px;width:calc(100% - 140px);display:inline-block}.dynamic-form button{width:130px}